Rollhover graduales con efectos de opacidad sobre PNG 24 transparantes

[gonzonator]

Hola a todos.

Quiero hacer roll-hovers progresivos (animados) con efectos de opacidad sobre imágenes.

He hecho una función Javascipt que tira de Jquery:

Javacript:

Código HTML:

$(function(){		
		$('#container img').hover(function(){
			$(this).stop().animate({"opacity":.5}, 300);
		}, function(){
			$(this).stop().animate({"opacity":1}, 100);
		});	
	});

HTML:

Código HTML:

<div id="container"">
		<a href="#"><img src="img_transp.png" border="0" /></a>
		<a href="#"><img src="img_transp.png" border="0" /></a>
		<a href="#"><img src="img_transp.png" border="0"/></a>
		<a href="#"><img src="img_transp.png" border="0" /></a>
</div> 

Funciona my bien, pero cuando uso png24 transparentes me da problemas en todos los IE...
Lo que es semi-transparente sale negro.
Va perfectamente en firefox y chrome.

No me sirven png8 ni gif transparentes.

. Dejo un link con prueba: [URL="http://www.chilicongraphic.com/work/test/"]TEST[/URL]

Aver si me podéis hechar una mano.
Muchas gracias !

[gonzonator]

Actualizo el ejemplo:
http://www.chilicongraphic.com/work/test/index.html

Me doy cuenta que esto pasa con todas las versiones de IE.
También afecta fadeIn y FadeOut...
Si hay un PNg24 transp. metido en cualquier animación de opacidad gradual se ve ensuciado...

[gonzonator]

Hola de nuevo...
No encuentro ninguna solución a este fallo...
Por favor si alguien me podría ayudar le estaría muy agradecido...
Gracias.

[zerokilled]

buenas...

solo paso para comentarte que dicho efecto es un bug de iexplorer. aunque se ha comentado mucho en la web, no se si tiene solucion. buscando en la red, alguien propone una solucion pero no la he comprobado. http://stackoverflow.com/questions/1...png-bug-in-ie8

[gonzonator]

Muchas gracias Zerokilled !
Voy probando esta solución a ver si funciona.

[luisal2908]

Hola,
Probé su ejemplo con IE8 y funcionó bien, tal vez el problema es con versiones anteriores de IE