Whenever a scrollbar appears in my DIV element it appears within the DIV element and does not expand the size of that element or place the scrollbar after the element.

For example if I have 500 pixel height on a DIV element and a horizontal scrollbar is 10 pixels (estimate) then when the horizontal scrollbar appears (I'm using overflow: auto) then I now only have 490 pixels of information displayed within the DIV tag and 10 pixels of the scrollbar.

If there a property to tell the scrollbar to appear below the DIV tag or have the DIV tag expand to 510 pixels to accomadate the scrollbar without writing javascript