Simple Seperators

The navigation menu below was taken from Eric Meyer's Simple Separators found at maxdesign.com. The one below has been slghtly modified with a background colour added on hover.

Although every care has been taken I would suggest you see the working menus on there origional site and read of any bugs or fixes.

CSS

#navlist
{padding-left: 0;
margin-left: 0;
width: 150px;}

#navlist li
{list-style: none;
margin: 0;}

#navlist li a { text-decoration: none; }

#navlist a
{ display: block;
padding:5px 5px;
border-bottom:#005177 1px dashed;
text-align:center;
color:#b3c1ff;}

#navlist a:hover
{ background-color: #DBDADC;
color:#3E3E40;
text-decoration: none;}

HTML

<div id="navcontainer">
<ul id="navlist">
<li id="active">
<a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul> </div>