Prevent DIV Resize When Showing Scrollbar

[Tactic]

I've got a scrolling div in which I use CSS to show/hide the scrollbar depending on if the user is hovering over the div. No hover = no scrollbar.\[code\]div.mouseScroll { overflow: hidden;}div.mouseScroll:hover { overflow-y: scroll;}\[/code\]Pretty simple, except for one problem. When the user hovers over the div, it shows the scrollbar but in doing so it also resizes the content of the div slightly to accommodate the scrollbar. Is there a way to somehow display the scrollbar to the side, or hover it on top? Whatever it takes to prevent the content inside the div from resizing when the scrollbar is added.I'm ok with using javascript.