imagenes en IE y en mozilla y opera

[trase]

Hola

Estoy aqui intentando hacer una pagina con CSS y tengo un menu hecho con una lista y le tengo puesta una imagen al ul y otra al li, en el IE se ve perfectamente pero en el mozilla y en el opera nada.

y me pasa lo mismo con cualquier imagen que ponga en la css, en el IE se ve perfectamente pero en los otros no.


la css

#left ul li
{
margin-left: 20px;
padding: 0px;
list-style: none;
display: block;
list-style-image:url(../images/ulstyle.jpg);
}

#left ul a
{
width: 200px;
color: #000;
text-decoration: none;
margin-left:0px;
border: 0px;
list-style-image:url(../images/listyle.jpg);
font-weight: 100;
}

en el html

<ul>
<li onclick="despliega1();return false;">Avisos
<ul id="productos1">
<li><a href="">Avisos 1</a></li>
<li><a href="">Avisos3</a></li>
<li><a href="">Avisos4</a></li>

</ul>
</li>

<li onclick="despliega2();return false;">Expedientes Tramitacion Pendientes Actuacion
<ul id="productos2">

<li><a href="">No Iniciados</a></li>
<li><a href="">Alegaciones presentadas</a></li>
<li><a href="">Incoacciones Devueltas</a></li>
<li><a href="">Resoluciones Devueltas</a></li>

</ul>
</li>



<li onclick="despliega3();return false;">Busqueda General de Expedientes
<ul id="productos3">
<li><a href="">Expediente 1</a></li>
<li><a href="">Expediente 2</a></li>
<li><a href="">Expediente 3</a></li>
<li><a href="">Expediente 4</a></li>
</ul>
</li>

<li onclick="despliega4();return false;">Configuracion
<ul id="productos4">

<li><a href="">Configuracion 1</a></li>
<li><a href="">Configuracion 2</a></li>
<li><a href="">Configuracion 3</a></li>
<li><a href="">Configuracion 4</a></li>


</ul>
</li>
</ul>

Gracias, un saludo