Problema css IE

max90

Problema css IE

Ciao a tutti!
Ho un problema con i css..
Sto facendo una serie di immagini con l'effetto hover background position in modo tale che quando passo sopra con il mouse mi sposta l'immagine.
Funziona tutto alla grande tranne che per Internet explorer.
questo è il codice, cosi vi faccio capire meglio:


<html>
<style type="text/css">
#facebook {
display:block;
width:24px;
height:24px;
background-image:url('images/facebook.png'); }:hover { background-position: bottom }
#dfacebook{
position:absolute;
top:0px;
left:0px;}
</style>
<div id="destra" class="destra">
<div id="dfacebook"><a href="link facebook" target="_blank" style="cursor:pointer; background-position:0px 0px;"><span id="facebook"></span></a></div>
</div>
</html>

Come posso risolvere ?? sbaglio il codice?

matmattia

Internet Explorer supporta l'hover solo con il tag a (forse funziona con la versione 9).

karedas

Ciao Max90.. e benvenuto nel forum gt :),
Potresti appunto fornirci la versione di internet explorer su cui lo stai testando ed eventualmente un link (inattivo) su cui vedere l'errore?

Altrimenti ulteriore soluzione potrebbe essere quella di impostare il background a...


#facebook a{
...
}

Probabilmente però necessiterai di impostare il tag "a" dentro facebook a "display:block;" in modo tu possa dargli delle dimensioni rispetto all'immagine di background.

Ciao!