Force vertical scrollbar to display in IE8

Question

The vertical bar does not appear in IE8 if the page is not long enough. In FF, there is a workaround for this

html {
    overflow: -moz-scrollbars-vertical;
}

I tried the following for IE8: overflow:scroll; but the scroll bar appears on both sides. I want it only for vertical and not horizontal. scroll-y does not work.

Any solution?

Answer 1

Oh figured it. Its

body {
   overflow-y: scroll;
}

Answer 2

Another solution is to set the body height to 100% - see a before/after example at http://www.iecustomizer.com/msmvp/HTMLHeightTest.htm

Answer 3

waggers solution works, but then u have to include the mozilla specific fix as well.

Answer 4

I use the following:

html { height: 101%; /* setting height to 101% forces scroll bar to display */ }

Answer 5

-ms-overflow-y : scroll;

Answer 6

put it in your div i.e. style="overflow: -moz-scrollbars-vertical; overflow-y: scroll;

for example :