I have a bizarre problem that recently surfaced. I have some megamenus -- they are coded very simply as unordered lists and use jQuery. There are coded up very much like this SitePoint tutorial found here.
Here's my jquery
$j('li>a[topnav], li>div[topnav]').hoverIntent({
sensitivity: 4,
interval: 100,
over: ShowMenus,
timeout: 0,
out: HideMenus
});
We're using the hoverIntent plugin to control the onhover, and offhover events. On our landing page -- we have a flash movie (embedded with swfobject.js) and the megemenu is supposed overlay it -- which is does. But, unfortunately -- when the menu opens, all of my menu items collapse in Safari. You can see this effect only when using Safari 5 at Greenmountaincoffee.com. When I remove the flash animation, the menus work fine and do not collapse.
Has anyone encountered this problem before? Any strategies recommended?
Thx