menu orizzontale con firefox

[lululom]

Buongiorno a tutti,

Ho creato un menu orizzontale di altezza 30px con la proprietà della lista ul, display: inline.
Con Explorer non ci sono problemi ma con Firefox non mi prende la proprietà height: 30px.
Ecco il codice:

div#topmenu ul{
display: inline;
margin: 0;
padding:0;
background: #0099FF;
font-weight: bold;
color: #fff;
height: 30px;
}

div#topmenu ul li{
display: inline;
border-right: 1px solid #fff;
height: 30px;
line-height: 26px;
}

div#topmenu ul li a{
background: #4d4d4d;
color: #fff;
font-weight: bold;
height: 30px;
text-decoration: none;

}

Qualcuno mi sa dire perché non funziona?


Grazie mille

[ricman]

Dovresti sostituire gli elementi inline con i float:left...
In generale la prima prova che puoi è togliere l'inline dall'ul. Vedrai già un cambiamento.

[lululom]

Senza usare le liste ul?

[fcaldera]

Originariamente inviato da lululom
Senza usare le liste ul?

no, ti sta dicendo che i list-item dovrebbero essere affiancati attraverso la proprietà float: left