HTML
<div id="Navigation">
<ul id="nav">
<li id="active"><a href="#" id="cu">Item number 1</a></li>
<li><a href="#">Item number 2</a></li>
<li><a href="#">Item number 3</a></li>
<li><a href="#">Item number 4</a></li>
<li><a href="#">Item number 5</a></li>
</ul>
</div>

CSS
#nav
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}

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

#nav a:link, #nav a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: x-small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#nav a:link#cu, #nav a:visited#cu
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#nav a:hover { color: #f60; }

#nav ul a:hover { color: #f00 !important; }