Inconsistent event behavior in webkit browsers.

Inconsistent event behavior in webkit browsers.

I have been spending my whole life on converting a flash version of a header/menu system to jQuery HTML.  It is very nearly done in that it works nearly 100% perfectly in Firefox and IE8. 


Unfortunately, in Chrome and Safari, my menu events of the top menu seem to fire inconsistently, and in the wrong order.  It is easy to trigger a problem by simply circling your mouse over the top links.

Pretty quickly, one of the menus will retract when it's already retracted, or the mouseover event for one or more of the links will seemingly detach, making the menu unusable. 

The way it is supposed to work is as follows;
  1. Person hovers over link, causing menu to slide out and the mouseover event to be detached.
  2. This also triggers a 1 second timer that retracts the menu 
  3. Hovering over menu cancels 1 second timer. 
  4. When the mouse leaves the menu, the menu is retracted and the original mouseover event is attached to the link.
It's a bit hackish but it works and I've spent way too much time on this project as is. 

Do any of you know of any webkit specific issues that could be the cause of the inconsistent behavior?

Note:  I have a lot of iphone detection checking to disable/enable some portions of the code if the browser is mobile safari.  The site works fine in mobile safari as is.

Any help you can give me will be GREATLY appreciated.

Thanks,
Clif