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: 3px solid #222;
padding: 0 0 0 20px;
margin: 0;
background-color: #ACF;
font-family: verdana,sans-serif;
font-size: 12px;
font-weight: bold;
}

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

#nav #active
{
float: right;
margin-right: 10px;
}

#nav li a
{
text-decoration: none;
border: 3px solid #000;
padding: 0 8px;
margin: 0 2px;
background-color: #FFF;
color: #000;
}

* html #nav li a { padding: 0 8px; }

#nav li a:hover
{
background-color: #26A;
color: #FFF;
}