menu che non gira su firefox

[lucavizzi]

.menu ul li a
{
    FONT-FAMILY: Segoe UI, Arial, Helvetica, sans-serif;
    DISPLAY: block;
    WIDTH: 100%;
    COLOR: #666666;
    TEXT-DECORATION: none;
    margin: 0px;
    list-style-image:url(Immagini/list1.gif);
    list-style-position: inside;
}
.menu ul li a:hover
{
    COLOR: #666666;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    list-style-image:url(Immagini/list2.gif);
    padding-left: 5px;
} 

Questo codice gira bene su ie ma su firefox non mostra le immagini poste a punto elenco: list1(trasparente) e list2.

Si può ovviare?

Grazie e felice 2008
Luca

[fcaldera]

list-style-image va definito solo per le liste e non per i link
usa il background-image invece,

(meglio se con la tecnica per css preload (o fast rollover) ovvero creando una sola immagine che contenga entrambi gli 'stati' e che visualizzi con background-position)

[lucavizzi]

mi spiegheresti la tecnica del ccs preload magari con un esempio
oppure un link dove documentarmi

[fcaldera]

Originariamente inviato da lucavizzi
mi spiegheresti la tecnica del ccs preload magari con un esempio
oppure un link dove documentarmi

http://www.wellstyled.com/css-nopreload-rollovers.html