problema con viñetas en hover

Que tal un saludos y de antemano gracias.

He estado aprendiendo un poco de CSS a "tumbos", ya que no soy diseñador ni maquetador, pero me gustaría saber usar las bases de CSS, así que tomé un archivo CSS de un página/proyecto del lugar donde laboro (el cual tiene una estructura básica estilo blog), por ser muy sencillo y darme oportunidad de aprender y hacerle unos cambios pequeños, mi problema (por ahora y entre otros) es este:

Quiero cambiar la viñeta en un menú hecho con listas desordenadas al momento que el mouse este situado arriba de la opción, para lo cual uso 2 dibujos diferentes y los cambio en el hover del menú, esto lo hice de la siguiente forma:
#izq li{
padding-bottom: 10px;
padding-right: 20px;
text-align: left;
font-size:11;
list-style-image:url(vineta1.png);
}

#izq a{
display:block;}

/*para ie 7*/
#izq li a:hover{
color:blue;
font-size:13;
list-style-image:url(vineta2.png);
}

Pero el problema es que funciona en IE7 y no en Firefox (y ni he querido probar en otros navegadores), para que funcione en Firefox (pero deja de funcionar en IE7) solo cambio una linea
#izq li{
padding-bottom: 10px;
padding-right: 20px;
text-align: left;
font-size:11;
list-style-image:url(vineta1.png);
}

#izq a{
display:block;}

/*Ahora funciona en Firefox*/
#izq li:hover{
color:blue;
font-size:13;
list-style-image:url(vineta2.png);
}

Ya he estado leyendo de los problemas de IE en general con CSS, pero no encuentro ni un hack qu eme ayude con mi problema, les agradeceria su ayuda para hacer funcionar este CSS en ambos navegadores (de ser posible sin tener que recurrir a usar 2 css dependiendo del navegador, pero sino hay más pues que sea con comentarios condicionales).

Saludos.

Que funcione en FF, es lo normal.
Te explico porqué ese código, no funciona en IE:
Porque el IE, el "hover", sólo lo captura en ENLACES <a>
Desafortunadamente, el IE va por detrás, y no entiende el hover en <li> (ni en ningún otro que no sea un enlace)
El FireFox, no tiene problemas con el hover en cualquier otro elemento, sea o no un enlace (el opera tampoco sufre por esto)

Lo que no tengo claro, es cómo te funciona esto en IE, pues aunq al tener el hover, en un enlace le aplicas el "list-style" a un enlace, y no al <li>, que es como debería ser.


SOLUCIÓN:
Al margen del motivo de porqué te funciona así en IE (que ya digo, no lo entiendo), para conjugar los dos, puedes hacer uso del HACK UNIVERSAL para el IE: Bajo esta "clave", todo quedará oculto, y sólo será interpretado por IE.
Así que... puedes hacer:


¿funcionó?
Lo he escrito sin probarlo... pero creo que debería arrancar.

IT WORKS ! ! !

Es decir trabaja, chi·$%, es decir muchas gracias, ahh y si lo verifique y poniendo el "style-list-image" en #izq li a:hover{ }
era como me funcionaba en el IE7, ignoro por completo el por qué.

Saludos y gracias de nuevo.