Merve wrote:It tends to jump back to the first menu item for a split-second before jumping to the next...
Yes; I've seen some rather amusing effects of this. I think the difference lies in which events trigger a layout refresh.
In IE, for example, when you move the mouse, the browser checks to see what the mouse cursor is hovering over (so that onHover event handlers, :hover pseudoelements, and the like work). Obviously because the cursor might be hovering over something else, now.
Firefox, on the other hand, also checks after any re-renderings of the page (because the stuff under the cursor might now be different).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<style type="text/css">
<!--
#One{ background-color:#FFDDDD;;border:12px solid red;}
#Two{ background-color:#DDFFDD;border:12px solid green;}
#One:hover{ background-color:#FFDDDD;border:1px solid red;}
#Two:hover{ background-color:#DDFFDD;border:1px solid green;}
-->
</style>
</head>
<body>
<div id="One"> </div>
<div id="Two"> </div>
</body>
</html>
(In Firefox), Move the pointer towards where the two areas meet to see what I mean. "I'm hovering over the pink area! No, I'm hovering over the green area! No, I'm hovering over the pink area! ...."
