Jquery isn't working in IE?

[eluser]danmontgomery[/eluser]
Problem is in IE7, works fine in IE8. These are the errors I get in IE7:

http://dl.dropbox.com/u/4748759/IE7.png

Not about to try and dive into minified jquery to determine what that is, but you can try replacing the minified version with the development version just so you can see which function is throwing the error.

Download the IE developer toolbar: http://www.microsoft.com/downloads/detai...laylang=en... If you're debugging in IE it will save your life. Also, download IE8 (which comes with developer toolbar already installed, I believe).

As for the code, rather than separate hover events for each nav item, you should really be able to abstract that a bit:

Code:

$("#my_nav_container a").hover(function(event){
        $('#my_nav_container a').stop().animate({marginLeft: -150}, 600).css({zIndex: 1}, 0);
        $(this).animate({marginLeft: 0}, 200);
    }, function() {
        $(this).delay(3000).animate({marginLeft: -150}, 600);
});

I haven't tested this obviously (and #my_nav_container doesn't exist) but maybe it helps.