Problemas con menu

[paois1]

HOla que tal
estoy haciendo un menu con una lista en CSS. Lo pongo en Mozilla y se ve bien pero lo pongo en IE y se ve demasiado separado uno de otro. el codigo es este.

li a{
font-family:verdana;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:right;
color:white;
margin:0px;
padding:0px;
display:block;
width:150px;
line-height:10px;
}

en el ul tambien tengo esto

ul#menu{
z-index:2;
margin:-120px 0px 0px 790px;
padding:0px;
list-style-type:none;
}

Alguien me puede ayudar a solucionar este problema?
Gracias de antemano

[RusO91]

tocandole el paddig o el margin al li ? (no a li a)

[paois1]

Noup, sigue igual :S

[Carlangueitor]

Ponle display: inline; en ul#menu, y me cuentas como queda.

Saludos

[alexk]

Ponle display: inline; en ul#menu, y me cuentas como queda.

no entiendo que quiere pero si es que todos esten horizontal seria

ul#menu li{display: inline;}

al li y no al ul

[Carlangueitor]

No, lo que pasa es que Internet Explorer duplica el margin con elementos float, no se si ese es el caso (bueno eso entendí yo ).

Saludos

[paois1]

Hola Carlangueitor
Pues nada, lo que hizo el display fue ponerme el menu en mitad de la pagina sin tomar en cuenta el margin que le habia dado para posicionarlo, y aun en la mitad sigue conservando el problema del espaciado entre los "li"...

[alexk]

ahhh.... pues no entiendo jaja...

porque vamos

Código:

li a{
font-family:verdana;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:right;
color:white;
margin:0px;
padding:0px;/*ponlo en el reset*/
display:block; /*si usas display block a los a... en estaran uno debajo de otro*/
width:150px;
line-height:10px;
}

ul#menu{
z-index:2;/*no hay ni absolute, ni relative*/
margin:-120px 0px 0px 790px;/*no veo necesidad para margen negativo*/
padding:0px;/*mejor usar un reset que tenga esta propiedad*/
list-style-type:none;/*las propiedades de lista van a las lista y no a su contenedor que de igual manera estaria bien en el reset*/
}

dando ayuda a ciegas diria que

ul#menu li. ul#menu li a{float:left;width:auto;}

mejor di mas detalles o pon la url del problema