Margini di LI in UL diversi in IE e FF

[Daveinabox]

Ciao!

sto costruendo un menu con una UL inline dove i LI non devono avere margini destro e sinistro in maniera che i rispettivi bordi dx e sx combacino.

Tutto ok con IE, ma non con FF infatti i LI continuano ad avere un leggero margin tra di loro... avete idee, suggerimenti?

ecco il codice:


ul#menu{
position:absolute;
top:2px;
left:220px;
width:auto;
height:28px;
margin:0;
padding:0;
list-style:none;
}

ul#menu li {
display:inline;
margin-right:0px;
margin-left:0px;
padding:12px 3px 12px 3px;
border-left:1px solid #c90;
border-right:1px solid #663;

}

Grazie!

[seed_squall_it]

Annulla i margini superiori e inferiori degli elementi[*] con margin-top: 0 e margin-bottom: 0 (oppure, meglio ancora, usa la proprietà scorciatoia margin per impostare in una volta sola tutti e quattro i margini dei[*]).

PS: se il valore di una misura è 0, non serve specificare l'unità di misura usata. 0px sono uguali a 0pt, a 0em e a 0cm. Quindi puoi scrivere tranquillamente: margin: 0.

[Daveinabox]

Ciao Seed,

Ho risolto il problema sostituendo

ul#menu li {
display:inline; > float:left;
margin-right:0px;
margin-left:0px;
padding:12px 3px 12px 3px;
border-left:1px solid #c90;
border-right:1px solid #663;

}

Ciao, grazie lo stesso!
Davide