The HTML CODE:

<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>


The CSS STYLES:

ul#navlist
{

margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{

display: inline;
list-style-type: none;
}

#navlist a
{

padding: 3px 10px;
}

#navlist a:link, #navlist a:visited
{

color: #fff;
background-color: #747;
text-decoration: none;
}

#navlist a:hover
{

color: #DFC1FF;
background-color: #591CCB;
text-decoration: none;
}