Skip to main content

Bug Tracker

Side navigation

#10409 closed bug (invalid)

Opened October 03, 2011 07:55AM UTC

Closed October 06, 2011 12:35AM UTC

IE 8 Differs from other browsers with .height()

Reported by: Owned by:
Priority: low Milestone: None
Component: css Version: 1.6.4
Keywords: Cc:
Blocked by: Blocking:



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)


Alert of (64) in all browsers


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)

Attachments (0)
Change History (3)

Changed October 03, 2011 07:56AM UTC by comment:1

in correct email

Changed October 03, 2011 07:57AM UTC by anonymous comment:2

Incorrect Email Supplyed

Changed October 06, 2011 12:35AM UTC by timmywil comment:3

component: unfiledcss
priority: undecidedlow
resolution: → invalid
status: newclosed

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.

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.