IE 8 Differs from other browsers with .height()

[[email protected]…]

Hello,

jsFiddle ​http://jsfiddle.net/rFu9T/1/

When using .height() on a UL in IE 8 (compatibility mode) the ul's height is returned as 32 where as in other browsers it is returned as 64

This is clearly an issue for site's that are coding to support older version of IE

in the CSS there is nothing that changes the height of the element only it's display state

This has been tested in

IE 8 Does not Work, IE 9 Does not work but is better (3px smaller than none ie browsers), IE 9 (IE8 Mode) Does not work IE 9 (IE7 mode) Does not work IE 6 Dose not work

Chrome Live, Dev, Beta Channels Works FireFox 5,6, Nightly (Works)

Expected Alert of (64) in all browsers

Given Alert of (61) in IE9 Alert of (64) in Chrome(dev, beta, live), Firefox(live, nightly), Safari, Opera Alert of (32) in other version of IE(6,7,8)

[[email protected]…]

in correct email

[anonymous]

Incorrect Email Supplyed

[timmywil]

Thanks for taking the time to submit a bug report.

There are several things wrong with the test case.

First, the :hover pseudo selector is not supported for parents in IE 6. Second, the order in which the browser fires the mouseover event for javascript and repaints for hover is different for IE7 and IE8.

​http://jsfiddle.net/timmywil/rFu9T/4/

Given the test case above, if you hover over the other li's after the first one, you'll see a more reasonable dimension. jQuery is unable to control that.

As for IE9, the 3px difference has to do with the different default line-height for the elements. If this is normalized, the value is then consistent.