menu che non si vede in FF e si vede male con ie 5.1

[darkiko]

praticamente un disastro insomma

dunque, ho dovuto fare di corsa un semplicissimo menu orizzontale che dovrebbe avere il pulsante premuto (che sarà varibile in base alla pagina in cui sono) di colore diverso...

il css l'ho fatto così

#menu{
background-color:#03509A;
min-height:20px;
clear:both;
width:760px;
margin:0px;
padding:0px;
border:0px;
font-family:Verdana, sans-serif;
}
#menu .premuto{
background: url(../img/angolo_pulsante.gif) no-repeat right;
background-color:#FDCE16;
font-size:0.85em;
padding-top:2px;
padding-right:20px;
padding-bottom:4px;
padding-left:8px;
color:#03509A;
font-family:Verdana, sans-serif;
font-weight:bold;
text-decoration:none;
}
#menu a {
background: url(../img/barra_pulsante.gif) no-repeat right;
background-color:#03509A;
font-size:0.85em;
padding:2px 10px 4px 8px;
color:#FFF;
font-family:Verdana, sans-serif;
font-weight:bold;
text-decoration:none;
}
#menu a:hover{
color:#F7D562;
text-decoration:underline;
}
#menu ul{
background-color:#03509A;
}
#menu li{
height:22px;
min-height:22px;
list-style-type:none;
float:left;
margin:0px;
padding:0px 10px 0px 10px;
/* per Explorer 5 */
voice-family: "\"}\"";
voice-family:inherit;
padding:0px;
}

mentre l'html è sta roba qua

<div id="menu">
<ul>[*]<span class="premuto">HOME</span>[*]CHI SIAMO[*]ATTIVIT&Agrave;[*]AIUTACI[*]PROGETTO AAA INFORMA[*]CONTATTI[/list]
</div>

il risultato?

in allegato: in ordine IE6 (si vede bene) FF (praticamente non si vede nulla) e IE5.1 (tutti i pulsanti praticamente non prendono il padding)...

dove caspita sbaglio?