jQuery mouseleave bug
This jsfiddle reproduces a case where mouseleave is not fired by jQuery under Chrome/Firefox (no margin and moving over a child disabled select element).
IE 6 and Opera 11.01 do not reproduce the issue.
HTML
<div style="float:left;">
<label>Logs</label><br/>
<textarea rows="20" cols="20" id="logs" name="logs"></textarea>
</div>
<div style="float:right;">
<div title="a div">
<label>a: events on div</label><br/>
<input type="image" src="http://www.google.com/images/logos/ps_logo2.png" width="32" height="32" name="a" value="" />
</div><br/>
<div>
<label title="b label">b: events on label</label><br/>
<input type="image" src="http://www.google.com/images/logos/ps_logo2.png" width="32" height="32" name="b" value="" />
</div><br/>
<div title="c div">
<label>c: events on div</label><br/>
<select name="c" id="c" disabled="disabled"><option value="">myValue</option></select>
</div><br/>
<div>
<label title="d label">d: events on label</label><br/>
<select name="d" id="d" disabled="disabled"><option value="">myValue</option></select>
</div>
</div>
CSS
* { margin:0; }
body { background:yellow; }
JavaScript
(function($){ $.fn.eventLogger = function(){
return this.each(function() {
$(this).hover(
function(){ $("#logs").val($("#logs").val() + "\n '" + $(this).attr("title") + "' $mouseenter"); },
function(){ $("#logs").val($("#logs").val() + "\n '" + $(this).attr("title") + "' $mouseleave"); });
});
}})(jQuery);
$(document).ready(function() { $("[title]").eventLogger(); });