internet explorer 9 - JQuery .is(':hover') not working correctly in IE9 -

internet explorer 9 - JQuery .is(':hover') not working correctly in IE9 -

i having problem popup div in ie9 next code:

<li id="info001" class="listinfo" onmouseover="showpreview(this);" onmouseout="hidepreview();">

and hidepreview checks create sure mouse isn't on listitem or preview itself, this:

function hidepreview() { if (!($('#thepreview').is(':hover') || $('#info001').is(':hover'))) { $('#thepreview').hide(); } }

this works fine in chrome , firefox, in ie9 preview starts flickering move on both listitem , preview, , move on preview alone, gets hidden.

is there way avoid this?

edit: clarity, thepreview div overlaps info001 li plenty move mouse between them.

edit: http://jsfiddle.net/controlfreak/qqsgs/

try doing instead:

var $thepreview = $("#thepreview"); $(".listinfo").hover( function () { $thepreview.show(); }, function () { $thepreview.hide(); } );

working illustration on jsfiddle.

you can still utilize code, need alter pseudo-event hover mouseenter mouseleave (if you're running 1.9+). see more info: jquery.com/upgrade-guide/1.9/#hover-pseudo-event

jquery internet-explorer-9 hover onmouseout