<div> overflow:auto does not show scrollbar until resize

Question

I have a element on my form that looks like this:

<div style="overflow-y:auto;overflow-x:hidden;height:100%;width:100%">

In IE7 when the page first renders, there are no scrollbars. However, if I resize the page (even just 1 pixel) the scroll bars appear properly.

Is there something I can do so that the scrollbars show properly when the page first displays?

Answer 1

Set overflow-y to "scroll" if you always want a scrollbar.

Answer 2

you should add margin-right: 20px to your style, so the scrollbar will have enoguh place to be displayed.

Snus