Menu

[sjam7]

Yo lo hago asi:

CSS

Código HTML:

#navcontainer { width: 170px; }
 
#navcontainer ul {
padding:0;
margin:0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
 
#navcontainer a, {
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 11px;
width: 160px;
border-bottom: 1px solid #5CA4DE;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
background-position:0 6px;
}
 
#navcontainer a:link, #navlist a:visited, {
color:#000;
text-decoration: none;
text-align:left;
}
 
#navcontainer a:hover {
 background-color:#CCC;
}

HTML con las listas:

Código HTML:

<div align="center" id="navcontainer">
 <ul id="navlist">
  <li><a href="menu.asp?id=1">Menu 1</a></li>
  <li><a href="menu.asp?id=2">Menu 2</a></li>
  <li><a href="menu.asp?id=3">Menu 3</a></li>
 </ul> 
</div> 

Espero te sirva, solo cambia los anchos y colores