Trasformare liste ordinate in menu di navigazione

Menu di navigazione orizzontale - Risultato finale

Codice XHTML

<div id="menu">
<ul>
<li><a href="#" id="evidenziato">Homepage</a></li>
<li><a href="#">Chi siamo</a></li>
<li><a href="#">Attivit&agrave;</a></li>
<li><a href="#">Risorse</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Contatti</a></li>
</ul>
</div>

Codice CSS

#menu
{
margin: 0;
padding:0;
background:#eee;
border-bottom: 1px solid #c00;
border-top: 1px solid #c00;
font: 90% Arial, Helvetica, sans-serif, Verdana;
}
#menu li
{
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}
#menu a:link, #menu a:visited
{
font-weight: bold;
margin:0 1em;
text-decoration: none;
color: #000;
}
#menu a:link#evidenziato, #menu a:visited#evidenziato, #menu a:hover
{
border-top: 2px solid #c00;
color: #c00;
}