Salve a tutti,

Vi chiedo cortesemente di dare un'occhiata a questo link:
www.carlorota.eu/contatti.html
e di osservare il menu in alto;
l'ho costruito con il seguente css:

#menu {
font-family: Verdana, sans-serif;
font-size: 11px;
padding: 0;
list-style: none;
margin-top: -12.3em;
margin-left: 28.7em;
color: #FF0000;
}

#menu a:link, a:visited {
color: white;
text-decoration:none;
}

ul#menu li {
display: block;
width: 8.3em;
height: 3em;
margin: 1em;
text-align: center;
float: left; /* elementi su singola riga */
}

Il mio problema è centrare la scritta "chi sono" rispetto alle barrette rosse
e ho pensato di risolvere nel seguente modo:
-) ho definito un id "chisono" nel tag <li> della corrispondente voce di menu
Nel css ho provato ad aggiungere le seguenti righe:

#chisono li {
margin-left: -3em;
}

Ma non funziona, la scritta "chi sono" rimane sempre al suo posto come mai ?
Per una pura prova ho aggiunto anche la seguente riga (per verificare che il selettore fosse giusto)

color: navy;

e la scritta cambiava colore, ma purtroppo non c'è modo di farla spostare.
Come posso fare ?
Grazie mille per l'aiuto
DVX70