Горизонтальное меню (Серое, голубое при наведении)

<div id="nav-menu">  
<ul>  
<li><a href="http://rucoz.com/">Главная</a></li>  
<li><a href="http://rucoz.com/forum">Форум</a></li>  
<li><a href="#">Контакты</a></li>  
</ul>  
</div>

#nav-menu ul  
{  
list-style: none;
padding: 0;  
margin: 0;  
}  

#nav-menu li  
{  
float: left;  
margin: 0 0.15em;  
}  

#nav-menu li a  
{  
background: url(http://i061.radikal.ru/1008/0b/9b16ae24370a.gif) #fff;  
height: 2em;  
line-height: 2em;  
float: left;  
width: 9em;  
display: block;  
border: 0.1em solid #dcdce9;  
color: #0067ba;  
text-decoration: none;  
text-align: center;  
}  
#nav-menu li a:hover  
{  
background: url(http://i067.radikal.ru/1008/34/4223e9558611.gif) #fff;  
height: 2em;  
line-height: 2em;  
float: left;  
width: 9em;  
display: block;  
border: 0.1em solid #dcdce9;  
color: #fff;  
text-decoration: none;  
text-align: center;  
}  
/* Хак для IE */  
#nav-menu li a  
{  
float: none  
}  
/* ========== */  

#nav-menu  
{  
width:30em  
}