jQuery hover(): mouseout does not fire when using overflow:auto (with scrollbars)

Question

I'm using jQuery's hover() helper to attach some behavior to <li> elements in a <ul> with max-height and overflow:auto CSS properties.

When the height of the <ul> goes beyond max-height and the vertical scrollbar appears, hovering over the <li> elements triggers mouseOver, but if I move to the right to the scrollbar and start scrolling with the mouse, the mouseOut event never fires. (I have to hover back on the element and exit through some other direction to make mouseOut fire).

Is this a problem in jQuery or is it my specific situation that's triggering the bug?

Note: the <li> elements have display:block attached to them.

Answer 1

Is this a browser specific problem? It sounds like everything you want to happen could more efficiently be completed using the hover pseudo-class of CSS. Also if the li elements are set to display block they will not have numbers or bullets associated with them in some browsers, because those browsers require the use of display:list-item to process elements with list item presentation.

Here is an example of hover from CSS:

ul:hover {height:10em;}

Answer 2

Appears to be a bug in Firefox only - jQuery bugtracker has an open ticket here.