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

<ul id="nav">  
  <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>  
  <li><a href="#"><span>О сайте</span></a></li>  
</ul>

#nav {  
  margin: 0;  
  padding: 0 0 20px 10px;  
  border-bottom: 1px solid #9FB1BC;  
}  

#nav li {  
  margin: 0;  
  padding: 0;  
  display: inline;  
  list-style-type: none;  
}  

#nav a:link, #nav a:visited {  
  float: left;  
  font-size: 10px;  
  line-height: 14px;  
  font-weight: bold;  
  padding: 0 12px 6px 12px;  
  text-decoration: none;  
  color: #708491;  
}  

#nav a:link.active, #nav a:visited.active, #nav a:hover {  
  color: #000;  
  background: url(/images/menu.gif) no-repeat bottom center;  
}