My test page:
Mouseover the "make contact" text at the top-right, and a menu appears below it. That works fine.
I'm trying to create a smooth, usable mouseout effect. I thought if the user mouses away from the menu, it should close (the actual menu, not the menu's opener "make contact"). This is what I have:
However, if you mouseover the "EMAIL" link, that apparently counts as a "mouse out" of the <div> that contains it, and the menu closes prematurely. My markup looks like this:
<a id="contactbtn">MAKE CONTACT</a>
Is there a better way to handle the mouseout so it works more smoothly?