Problema trasparenza Png su IE

[keron]

Salve ragazzi,
ho creato con Jquery un menu con un effetto fadein sul hover utilizzando 2 immagini in png.

Su tutti i browser renderizza correttamente tranne ovviamente IE8 e 7 dove inserisce un bordino nero attorno all'immagine fino a quando non ha finito di eseguire l'effetto.

Vi lascio un link che vale più di mille parole:
http://candybonbon.altervista.org/fadein/

Sono 3 giorni che ci .

Ho notato cercando su google che parecchie persone hanno riscontrato lo stesso problema, ho provato anche qualche presunto fix ma nulla che risolva realmente il problema...

Qualche idea?
Grazie mille

[Xinod]

se trovi una soluzione facci sapere

a mali estremi puoi provare a rimuovere il filtro a fine animazione

...animate({opacity:100},"slow",function() {
  this.style.removeAttribute('filter');
});

cosiche' non lasci il bordo, ma durante l' animazione purtroppo si vedra' ugualmente...

[Xinod]

ok, un minimo di decenza in piu' si raggiunge usando DD_belatedPNG
http://www.dillerdesign.com/experiment/DD_belatedPNG/

includendolo comunque fino a IE 8 modificando il commento condizionale
<!--[if lte IE 8]>
<![endif]-->

e aggiungendo al documento il meta che fa passare IE8 per un IE7
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

ciao