#menu ul{  
   float:left;  
   padding:0 0px 0 0px;  
   display:block;  
   width:971px;  
   margin:10px 0 0 0;  
   list-style-type:none;    
}  
#menu ul li{  
   float:left;  
   padding:3px 3px 0px 1px;  
}  

#menu ul li a{  
   float:left;  
   padding:0px 10px 0px 0px;  
   color:#ffffff;  
   font-size:11px;  
   font-family:Arial;  
   text-decoration:none;  
   background:url(i/nav-hover.png) right top no-repeat;  
}  

#menu ul li a span{  
   float:left;  
   display:block;  
   width:auto;  
   height:18px;  
   cursor:pointer;  
   padding:4px 0px 0px 10px;  
   background:url(i/nav-hover-span.png) left top no-repeat;  
}  
#menu ul li a:hover, #menu ul li a.active{  
   color:#000000;  
   background-color:inherit;  
   background:url(i/nav.png) right top no-repeat;  
   float:left;  
}  
#menu ul li a:hover span, #menu ul li a.active span{  
   background:url(i/nav-span.png) left top no-repeat;  
   color:#000000;  
   float:left;  
}

<div id="menu">  
<ul>  
<li><a class="active" href="index.html"><span>Главная</span></a></li>  
<li><a href="aboutus.html"><span>Новости</span></a></li>  
<li><a href="blog.html"><span>Фотки</span></a></li>  
<li><a href="services.html"><span>Файлы</span></a></li>  
<li><a href="portfolio.html"><span>Мувики</span></a></li>  
<li><a href="usefullinks.html"><span>Заметки</span></a></li>  
<li><a href="contact.html"><span>Кланы</span></a></li>  
</ul>  
</div>