Sovrapposizione immagini

[mariolone]

Ciao a tutti,
ho creato una sovrapposizione di immagini, mi spiego meglio stampo di default un'immagine e al suo passaggio del mouse me ne visualizza un'altra però ho notato un'incompatibilità tra firefox ed explorer. O meglio con firefox funziona ma con internet explorer al passaggio del mouse mi mostra sempre la prima immagine.
la classe è la seguente

<style>	
div.lol{
background-image: url(images/SITO/lunavuota.gif); 
background-repeat : no-repeat; 
width: 45px;
}

div.lol:hover{
background-image: url(images/SITO/lunapiena.gif); 
background-repeat : no-repeat; 
width: 45px;
}
</style>

il tutto viene richiamato tramite una div

<div class="lol" style="width: 45px; height: 45px; margin: 0px; float: left;"></div>

[Myaku]

credo che, come già detto molte altre volte, il problema che hai su IE6 sia dovuto al fatto che interpreta l'hover solo sul tag a.

[mariolone]

e come si potrebbe fare?

[Myaku]

Originariamente inviato da mariolone
e come si potrebbe fare?

innanzitutto si potrebbe fare una ricerca sul forum, dato che l'argomento è stato trattato diverse volte.
Ognimodo, la classe hover va applicata su un tag a affinchè funzioni su IE. Esempio, usare tag a "fittizi"; un modo diverso per configurare il tuo codice - anzichè usare dei div vuoti con immagine in background, usare direttamente delle immagini associate a un link; ....

Cyà