不错的菜单

<style type="text/css"> 
#nav
{
     height: 30px;
     width: 100%;
     background-color: #c00;
}

#nav ul
{
     margin: 0 0 0 30px;
     padding: 0px;
     font-size: 12px;
     color: #FFF;
     line-height: 30px;
     white-space: nowrap;
}

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

#nav li a
{
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
     padding: 7px 10px;
     color: #FFF;
}

#nav li a:hover
{
     color: #ff0;
     background-color: #f00;
}
</style>
<div id="nav">
   <ul>
     <li><a href="http://www.52css.com/">HomePage</a></li>
     <li><a href="http://www.52css.com/">Div CSS教程</a></li>
     <li><a href="http://www.52css.com/">CSS布局实例</a></li>
     <li><a href="http://www.52css.com/">CSS2.0教程 </a></li>
     <li><a href="http://www.52css.com/">CSS在线手册</a></li>
     <li><a href="http://www.52css.com/">Web标准</a></li>
     <li><a href="http://www.52css.com/">XHTML教程</a></li>
   </ul>
</div>