Iirc mouseenter and mouseleave are implemented my IE natively. This is likely a native IE edge case bug and not something that MooTools has any control over.
I haven't looked at the issue yet since I'm on my iPhone. But you might want to try fiddling with the CSS a bit. Zoom:1 and other magic bullets might help. — Thomas Aylott / SubtleGradient.com (from iPhone 4) On Oct 19, 2010, at 12:51 PM, batman42ca <[email protected]> wrote: > I have the following sample code: > > http://jsfiddle.net/yWe2C/3/ > > I have an outer div, inside that I have an h3 tag and a paragraph tag. > I set up mouseenter and mouseleave events on the outer div. > > In IE7, (works fine in Firefox), as near as I can tell, because of the > margin on the h3 tag, the browser seems to think the mouse is no > longer in the outer div when the mouse is over the margin part of the > h3 tag. > > To see this, move your mouse inside the border of the h3 tag. Then > move the mouse just outside the border of the h3 tag. Why does the > mouseleave event fire in IE7 but not in Firefox when the mouse is over > the margin of the h3 tag? > > I've tried this with 1.2.4, 1.2.5, and 1.3.0 (compat). The behavior is > consistent
