I am currently facing an issue with a script that is supposed to animate a button when hovered, but it doesn't seem to work in Internet Explorer. The script uses jQuery and functions perfectly fine in all other browsers.
If you could take a look at the fiddle here: http://jsfiddle.net/JHS5g/1/ I have tried my best to replicate my actual code and have included some surrounding code for context.
$("#main-nav div").hover(function() {
$(this).stop().animate({
top: "-40px"
}, { queue: false, duration: 200 });
}, function() {
$(this).stop().animate({
top: "0px"
}, { queue: false, duration: 200 });
});
I suspect there might be an html or css error causing the problem because when I test the jQuery code on its own, it works perfectly. Unfortunately, I haven't been able to pinpoint the exact issue.
I have noticed that some of the html markup in the fiddle appears in red, indicating a possible error, but I'm having trouble identifying it.
Thank you in advance for any assistance.