Wrong behavior of 'mouseenter' and 'mouseleave' inside nested elements.

[JustGoscha]

'mouseenter' and 'mouseleave' are getting fired when mouse cursor moves from one element to another element inside the element, where they are applied, and also when moving inside or leaving a deeper element.

Here is an example:
http://jsfiddle.net/dJGfd/1/

(Have also raised a question about this on StackOverflow: http://stackoverflow.com/questions/15279627 )

You have to open the JavaScript console to see when they are fired.

Same behavior with 'mouseover' and 'mouseout'.