In another thread (http://forum.jquery.com/topic/queueing-up-animations) there's a discussion about a fairly simply animation. It works fine in IE8, and in recent versions of Firefox, Opera, Safari, and Chrome. But it is pretty haywire in IE6 and IE7. I'm afraid I don't know nearly what I should about browser quirks. Can anyone suggest a reason, or even better, a fix? A sample of the animation is at
As for 'not working' can you explain what, specifically, isn't working? It does appear to animate in those browsers and that the only noticeable difference I see (aside from the errors) is perhaps an overflow issue where the animation is showing where you don't want it to.
As an aside, are you SURE you want to animate the navigation like that? It's rather distracting.
It's probably the overflow error you're seeing. In the other browsers, on mouseenter, the text scrolls down out of view quickly, and a subtly highlighted version scolls into view from the top. On mouseleave, the process is reversed and the highlighted version scrolls up out of view; then the unhighlighted version scrolls into view from the bottom.
In IE6/7 (actually 8 in compat mode), the text scrolls well out of the bounds of the containing LI. The original effect is at least somewhat subtle. In those browsers it's garish.
As to the requirement, it's not actually my requirement. In the original thread the OP wanted to duplicate the Flash-based animation found at http://theportalgrp.com/. I was simply trying to match it as best I could. While mine is not a complete match, in the other browsers, it's reasonably close. I personally wouldn't use that animation, at least not for a navigation list.