IE img hover

[mose81]

Ciao!
...ho un problema con i CSS in IE...
Sembra che IE non digerisca la proprietà :hover, se non associata a elementi <a>.
Ora, io ho scritto un css in modo che il bordo delle immagini cambi colore quanto il mouse si sposta sopra l'immagine.
Il codice funziona correttamente con opera, konqueror e firefox, ma NON con IE...

Come suggerireste di fixarlo?

img.thumb {
    display: block;
    margin: auto;
    border: 3px #d9d7ca solid;
    text-align: center;
}

img.thumb:hover {
    display: block;
    margin: auto;
    border: 3px #ff71c5 solid;
    text-align: center;
} 

Potete vedere il codice in azione qua

[Mich_]

Qualcuno ha proposto di usare JS (vedi la raccolta denominata IE7).
Altri preferiscono inserire l'immagine dentro un link (e modifiare il CSS di conseguenza).

[span]

Dato che le immagini sono racchiuse in un link puoi usare quello. http://www.terenzani.it/16/roll-over-immagini-link/

[giunap]

ciao,

anche io uso le regole css per i link per poter gestire i bordi delle immagini cliccabili.

mi viene in mente la soluzione in js, forse e' quella suggerita su, usando l'evendo onmouseover e cambiano "al volo" lo stile assiociato all'immagine.

saluti

[mose81]

Grazie per i consigli... alla fine è bastato spostare la regola sull'elemento a invece che sull'elemento img...

Questo utile link mostra come risolvere questo fastidioso bug.