jQuery has a mouseout and a mouseleave event. The main difference is in how they handle child elements. Mouseout fires when the pointer moves into or out from child element, while mouseleave doesn’t.
This was causing a slight problem of having some menu’s close when the mouse encountered a link or other child element within the menu, it was triggering the mouseout event of the menu.
The fix, was to convert to mouseleave.
$("#Nav1_Content > p").mouseleave(CloseTopMenuArea);
extremely helpful stuff, overall I imagine this is worthy of a book mark, thanks