HTML
<div id="Navigation">
<ul id="nav">
<li id="active"><a href="#">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 #FFCC66;
border-top: 1px solid #FFCC66;
margin: 0px;
margin-bottom: 30px;
padding: 0px;
padding-left: 180px;
background-color: #FF9900;
font-family: Verdana, Helvetica, sans-serif;
padding-bottom: 3px;
padding-top: 3px;
}

#nav a, #nav a:link, #nav a:visited
{
border: 1px solid #FF9900;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #000000;
font-weight: bold;
text-decoration: none;
}

#nav a:hover, #nav a:active, #nav a:focus
{
border: 1px solid #000000;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
}

#nav li
{
padding-right: 1px;
display: inline;
font-size: 0.9em;
}

#nav ul
{
margin: 0px;
padding: 0px;
}

#nav #active a { background-color: #FFCC66; }