Salve a tutti

nel sito che sto sviluppando ho dei link di immagine che devo evidenziare in qualche modo al passaggio del mouse.

navigando per la rete ho trovato una soluzione interessante basata sui css che riduceva leggermente l'opacità dell'immagine ripristinandola al passaggio de mouse

posto il codice del css

codice:
.evidenzia img { opacity: .50; -moz-opacity: .50; -webkit-opacity: .50;}
.evidenzia img:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;}
il problema è che questo codice funziona benissimo con firefox ma non con ie (anche il sito da cui ho preso spunto ha lo stesso problema)

c'è qualche guru che può consigliarmi? grazie in anticipo