Question

I’ve encountered a strange issue with the vertical scroll bar on IE9 when using a div with a fixed position and overflow: auto set on the div.

See the case here using IE9 and shrink the window height down to a small size.

http://bytiger.com/add/ie9_div_test.html

I can confirm that this doesn’t occur on IE8.

Does anyone know a reasonable hack around this? I’ve tried setting the width to the window width, but it seems that it purposesfully subtracts a scrollbar width from the size of the div. I would like to see if there is a solution that doesn’t have to calculate this constant or hardcode it and adding this back to the calculated width.

Cheers!

EDIT: Jsfiddle doesn’t seem to exhibit the problem… so that can be a big hint as to what might be going on.

http://jsfiddle.net/dvAKW/

Answer 1

Seems like IE9 doesn’t handle the box-sizing property correctly – changing it from “border-box” to “content-box” or leaving it blank will fix your problem.