Problema con viñeta

Hola, tengo un problema al hacer una lista, puse una imagen de viñeta y se bien en firefox, pero en explorer no
así tengo el xhtml

Código :

<div id="contenido">
<ul>
<li>primera</li>
<li>segunda</li>
<li>tercera</li>
<li>cuarta</li>
<li>quinta</li>
</ul>
</div>

y el css

Código :

li {
   list-style-position: inside;
   list-style-image: url(flecha.png);
}

como puedo hacer para que se vea bien en ambos

poniendole outside se separa las viñetas, pero igual la altura está desfasada

Primero elimina el padding y margin de la lista y de las viñetas, y luego acomodalos para que queden iguales en todos los navegadores (solo una idea )

Gracias, eso ayudó bastante...