Problema rollover su IE...

neorf

Problema rollover su IE...

Ciao,
ho creato un rollover con il seguente codice:


table.topbannertable th.label1 {

width:236px;
        height:150px;
        background-image:url("storia_1_off.png");
        background-repeat:no-repeat;
        background-position:center;
        border-bottom: 1px solid #ffffff;
vertical-align:bottom;

}

table.topbannertable th.label1:hover {

width:236px;
        height:150px;
        background-image:url("storia_1_on.png");
        background-repeat:no-repeat;
        background-position:center;
        border-bottom: 1px solid;
vertical-align:bottom;

}

poi usando nella pagina html:
<table border="0" cellspacing="0" cellpadding="0" class="topbannertable">
<tr>
<th class="label1"><a href="?content=storia_1">Testo</a></th>
</tr>
</table>

Ora, il tutto funziona bene su FIREFOX, ma non su IE, come mai?
Eccovi la pagina dove potete vederlo in funzione:
http://www.trix.it/test/roll.htm

ciao e thx :mavieni:

claudioweb

Ciao benvenuto

Purtroppo Internet Explorer non supporta correttamente la pseudoclasse hover per td, th, li ecc. Funziona solo con i link...

Se può essere di consolazione, aggiungo che con Explorer 7 funziona correttamente.

Ti consiglio di inserire un preload dell'immagine, per evitare un istante di spazio bianco.

Ciao