<div id="outer"><div id="middle"><div id="inner">foo</div></div></div>
When you move mouse to over the foo, mouseenter should be dispatched first to
outer, then middle, then inner.
When you move mouse out from foo, mouseleave should be dispatched first to
inner, then middle, then outer.
(That is how IE, Opera and Gecko behave atm)
Fixed by adding a 3rd sequence of events and description to section 22.214.171.124
Since all three divs have the same dimensions and position, only a single mouseover is dispatched (to inner) when the mouse is moved from outside of the divs to over the foo. I think it should be made clear that mouseenter will then be dispatched to each of outer, middle, and inner (not just inner).
Ah got it. I assumed no-overlap in my scenario. A picture would be helpful to explain this too. I'll give it a shot.
Checked in the updated scenario (including an explanatory graphic) into the same section. I think this resolves the bug :-)