Problemi Con Io Menu

[lucaeffe]

Questo e il codice HTML:



<div id="menu">
<ul>
<li class="voce_corrente">Home[*]Prodotti[*]Eventi[*]Artisti[*]Supporto[*]Community[*]Store[/list]
</div>




Questo e il codice CSS :

#menu{
background:#4a5763;
height:25px;
width:100%;
margin:0;
}

#menu ul{
font-family:Lucida sans, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:46px;
padding:0.5em 0;
width: 560px;
}

#menu ul a, #menu ul a:visited{
color:#FFFFFF;
padding:0.5em 15px;
text-decoration:none;
}


#menu ul a:hover{
color:#FFFFFF;
background:#FFFFFF;
}

#menu li{
display:inline;
}

#menu ul li.voce_corrente a{
color:#FFFFFF;
background:#FFFFFF;
text-decoration:none;
padding:0.5em 15px;
}





Il mio problema è che la targhettina "hover",bianca, che evidenzia la voce_corrente copre il testo del menu che è anch'esso bianco quando si seleziona una voce o quando ci si passa semplicemente col mouse.

Volevo ottenere l'effetto che quando si seleziona una voce dal menu la scritta diventi di un colore che vada in contrasto col bianco e che sia quindi leggibbile!!

grazie!!