Problem with .hover() and IE9

[zeljko]

I have a strange problem with .hover() and IE9. When I create div with a scroll bar and inside that div when I use hover to toggle inner div class I see that outer div is expanding on every mouseenter/leave.

Fiddle:  http://jsfiddle.net/vhkfg/4/

Try to move mouse over "test" word few times and see how outer div is expanding. Only in IE9.

[dmethvin]

It's not the hover part, because this does it too:

 http://jsfiddle.net/dmethvin/vhkfg/8/

Looks like the toggling code in 1.7 is calculating the height wrong, it could be because of the scroll bar.

[chiponium@…]

Your overflow: auto is causing the issue.

[anonymous]

It's a known issue with IE9, hover styles and containers with scroll bars:  http://stackoverflow.com/questions/7445750/ie9-link-hover-css-color-change-vertical-shift  http://stackoverflow.com/questions/5788726/add-remove-css-will-cause-ie9-to-increase-the-tables-height  http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround

Adding "min-height: 0%" to the outer div should fix the issue.

[dmethvin]

This isn't a jQuery bug and not something we can fix.