Trasformare liste ordinate in menu di navigazione

Menu di navigazione verticale - 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 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 150px;
	padding: 0;
	margin: 0;
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li
{
margin: 0;
padding: 0;
}

#menu ul li a
{
display: block;
width:150px;
border-bottom: 1px dashed #999;
text-decoration: none;
padding: 5px 0 2px 4px;
color: #666;
}
#menu a:hover
{
color: #000;
background-color: #eee;
}
#menu a:link#evidenziato, #menu a:visited#evidenziato
{
font-weight:bold;
}