Problema con IE e list-style-image

[web-planet]

Ciao a tutti,

voglio creare un menu verticale e applicare ad una lista un immagine. In netscape e mozilla funziona correttamente, mentre in IE quando passo sopra il menu l'immagine abbinata alla lista scompare...

Ho il seguente css:

#vertmenu ul {
list-style-image:url(img/quadrato.gif);
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 12px;
display: block;
border-bottom: 1px dashed black;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: black;
width:97%;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: blue;
background-color: #eeeeee;
}

Quando la pagina viene caricata si vede l'immagine della lista, mentre quando si passo sopra con il mouse l'immagine scompare e per rivisualizzarla bisogna ricaricare la pagina.

Qualche idea ?

Grazie per l'attenzione.

Romeo Cordasco

[ashtur1]

non so...forse l' oggetto list-style-image io lo metterei riferito al[*]

pero non so se è la soluzione

[TomStardust]

Io per mettere delle immagini sulle liste faccio diversamente, uso una soluzione che evita qualsiasi problema.
Se vuoi provare, dovresti mettere l'immagine come sfondo all'elemento li, senza farla ripetere, ed utilizzando un padding a sinistra:

#vertmenu ul li {
margin: 0;
padding: 0 0 0 20px;
background: url(immagine.jpg) center left no-repeat;
list-style-type: none;
}

Il padding di 20 pixel è indicativo, poi probabilmente avrai bisogno di controllare i vari padding e margin degli altri elementi, vedi un pò se risolvi.