viñetas desalineadas cuando se visualiza una pagina con internet explorer

[haidion]

Las viñetas personalisadas con una imagen cuando las visualizo en firefox se ven bien, pero cuando las visualizo en internet explorer se ven desaliñadas algunas mas arriba y otras mas a abajo y como superpuestas.
El codigo es simplemente este

Código HTML:

<ul>
<div class=menu>
<li><a href="./index.html">Inicio</li>
<li><a href="./Servicios.html">Servicios</li>
<li><a href="./Contacto.html">Contacto</li>
</div>
</ul> 

y la clase menu es esta

Código:

div.menu {background-color:#000066; margin:10px 10px 10px 10px; padding : 10px 10px 10px 5px; }

li  {list-style-image: url("./vineta2.png");  }

li a {display:block; 
      width:130px; 
     }

Aparentemente tiene algo que ver con el display block que uso para que todas las lineas cuando se pasa el mouse por encima se extiendan hasta la misma longitud. Pero en firefox se ve bien.

Desde ya muchas gracias

[StarClown]

Me gustaria poder ayudarte, podrias traer el enlace completo de tu pagina para poder apreciar el problema?

Mientras tanto, intenta haciendo estos cambios:

Código HTML:

ul.menu {background-color:#000066; margin:10px 10px 10px 10px; padding : 10px 10px 10px 5px; }

.menu li  {list-style-image: url(vineta2.png);  }

.menu li a {display:block; 
      width:130px; 
     }

Código HTML:

<ul class="menu">
<li><a href="index.html">Inicio</li>
<li><a href="Servicios.html">Servicios</li>
<li><a href="Contacto.html">Contacto</li>
</ul> 

[haidion]

Gracias por la respuesta, inclui loscambiós que me sugeriste, pero me sigue apareciendo el problema.

[proyectos_bds]

Hola
Puede ser porque las capas tengan más anchura de las que deberían tener, Explorer, al menos en su versiones anteriores, interpretaba los margin y padding a su libre albedrío y daban problemas con la alineación, prueba a jugar quitando los parámetros a los lados, es decir quitar margin- padding left y right hasta que consigas alinearlo.
Suerte!!!