Css sprite & jquery

Css sprite & jquery

greetings,

Im trying to solve a problem on my new portfolio im working on.
The problem is with css sprite & jquery, but in fact all is working
fine with Firefox and not with internet explorer (8).

here the code that make problem (i think) :

  1. <script type="text/javascript">
    $(document).ready(function() {
        $("ul.gallery li")
        .animate({opacity: '0.4'}, 1)
        .hover(function() { //On hover...
           
            var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'

            //Set a background image(thumbOver) on the <a> tag - Set position to bottom
            $(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
    $(this).stop(true,true).animate({opacity: '1'}, 500 );
            //Animate the image to 0 opacity (fade it out)
            $(this).find("span").stop().fadeTo('normal', 0 , function() {
                $(this).hide() //Hide the image after fade
            });
        } , function() { //on hover out...
            //Fade the image to full opacity
            $(this).stop(true,true).animate({opacity: '0.4'}, 500 );
            $(this).find("span").stop().fadeTo('normal', 1).show();
        });

    });
    </script>























here the link to a preview : portfolio

If someone can help me out it would be quite nice !!

regards.