Porque no sirve esto en IE??

Hola tengo una duda y no se por que pase lo siguiente tengo un sitio que es http://mankala.mx/ y funciona bien en algunos exploradores pero en internet explorer no se ve mi animacion por que??
El codigo que uso para el slayder es el siguiente:

Código Javascript :

function hacer(){
     if(repite==0){
            repite=1;
            $(".f1").fadeTo(800,0.99,function(){
                    $(".f1").fadeTo(2000,1,function(){
              $(".f1").fadeTo(800,0,function(){
      $(".f2").fadeTo(900,0.99,function(){
            $(".f2").fadeTo(2000,1,function(){
                 $(".f2").fadeTo(800,0,function(){
         $(".f3").fadeTo(800,0.99,function(){
              $(".f3").fadeTo(2000,1,function(){
                     $(".f3").fadeTo(800,0,function(){
            repite=0;                           });
                                            });                                                  });                                              });
                               });                        
                   });            
         });               
   });                        
             });
          }//fin de if repite=0
      }//Fin de function
     tiempo=setInterval(hacer,1000);

Lo siento jjajaaj ya estuve checando bien y era solo un div lo que me fallaba que lo tenia en un ancho de 1 px