I’m using mouseleave to close a popup menu. This works correctly in all of my target browsers except IE7. In IE7, mouseleave triggers while the cursor is clearly still over the target element. I’ve highlighted the main container for the popup in yellow below. If I position the mouse as shown and move it a bit (still within the yellow), mouseleave is triggered on the yellow containing element. Any ideas about what’s going on here? What might cause mouseleave to be triggered on an element when the cursor was still visibly inside it?
After looking closer, I see that the mouseleave event is triggered even when the cursor is over the opaque part of the popup.
transparent tag.
quick fix – having 1×1.gif as background.
other option would be time triggered mouseleave