Простенькое горизонтальное меню

<div id="menu">  
  <ul>  
  <li><a href="#" class="current"><span>Главная</span></a></li>  
  <li><a href="#"><span>Регистрация</span></a></li>  
  <li><a href="#"><span>Поиск</span></a></li>  
  <li><a href="#"><span>Карта сайта</span></a></li>  
  <li><a href="#"><span>О нас</span></a></li>  
  </ul>  
</div>

#menu{  
  width:100%;  
  height:60px;  
  background:url(/images/menu_bg.png) repeat-x;  
}  

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

#menu li{  
  list-style:none;  
  display:block;  
  float:left;  
  height:60px;  
  line-height:60px;  
}  

#menu li a{  
  display:block;  
  float:left;  
  color:#a7a7a7;  
  text-transform:uppercase;  
  font-size:11px;  
  font-weight:bold;  
  line-height:60px;  
  text-decoration:none;  
  padding:0 25px;  
}  

#menu li a:hover, #menu li a.current{  
  color:#fff;  
  background:url(/images/menu_h.png) no-repeat bottom;  
}