Ayuda!, png's pixelados en IE 8 con fade in/out jquery

[jabit]

Hola! he implementado este código y funciona de maravilla en chrome, firefox, safary, pero mira por donde, el de siempre ( iexplorer )8 los png's que uso con fade in/out se ven pixelados y mal. Aparte en ie8 no hace bien los efectos de aparecer y ocultarse, estan como desconpensados y no funcionan como deberian.

Lo que hace basicamente es mostrar una capa mientras oculta la otra, pero como digo en ie8 no lo hace correctamente.

He estado buscando información sobre el tema y he encontrado cosas que podrian ayudar, pero no se ni como ni donde implementarlo:
http://www.kevinleary.net/jquery-fadein-fadeout-problems-in-internet-explorer/

Código PHP:

   
<div id="gallery" style="visibility: hidden;"> 
            <div class="brgallery"> 
                <img src="/img/banner_home_03.png" style="width:565px; height:381px;" /> 
            </div> 
        </div> 
        <div id="gallery2"> 
            <div class="brpacket"> 
                <img src="/img/packet.png" style="width:262px; height:230px;" /> 
            </div> 
            <div class="brpacketFoto"> 
                <img src="/img/banner_home_02.png" style="width:506px; height:355px;" /> 
            </div>             
        </div> 
        <div class="arrows"> 
            <div class="fll cln"><a href="javascript:faderacl.fadeIn();faderacr.fadeOut();faderg.fadeOut();faderg2.fadeIn();"><img src="/img/arrows_left.png" style="width:31px; height:32px;"></a></div> 
            <div id="activeL" style="position:absolute;left:30px;margin-top: 9px;"><img alt="" src="/img/act_inact.png" style="width:68px; height:17px;"></div> 
            <div id="activeR" style="position:absolute;left:30px;margin-top: 9px;"><img alt="" src="/img/inact_act.png" style="width:68px; height:17px;"></div> 
            <div class="fll cln" style="margin-left: 64px;"><a href="javascript:faderacl.fadeOut();faderacr.fadeIn();faderg2.fadeOut();faderg.fadeIn();"><img alt="" src="/img/arrows_right.png" style="width:31px; height:32px;"></a></div> 
        </div> 
 
 
<script type="text/javascript"> 
 
var faderacl = new Fadomatic(document.getElementById('activeL'), 5, 100); 
var faderacr = new Fadomatic(document.getElementById('activeR'), 5, 100); 
var faderg = new Fadomatic(document.getElementById('gallery'), 5, 100); 
var faderg2 = new Fadomatic(document.getElementById('gallery2'), 5, 100); 
 
window.onload = function(){ 
    faderacr.hide(); 
    faderg.hide(); 
} 
 
</script>  
  

Ala saludos a todos.

[mayid]

Si, a mi también me pasa. Es horrible. Si alguien sabe la solución, bienvenida sea.

[spider_boy]

Citando de la página que has posteado :

1. Add a Back­ground Color

Set a back­ground color with CSS on the ele­ment that is fad­ing in or out. This is the most basic way to solve the problem.

Añadirle un color de fondo con CSS al elemento que se desvanecerá... ¿dónde está lo complicado en esa solución?