jQuery, Mouseleave not fired on container when moving cursor fast

Question

I've got a bit of a bug. Well, the code on jsfiddle speaks for itself, to provoke the bug move your mouse quickly over the red box (to one side or the other).

A quick explanation: I have a list of items, when i hover them i show an overlay div on their positions, i bind an mouseenter on the list item, and an mouseleave on the overlay div, but if you move the cursor to fast, the mouseleave is never triggerd.

Any ideas? Thanks!

http://jsfiddle.net/QH3LV/22/

Answer 1

This is what you are looking for.

There should be no problem in placing the hidden div inside the li tag