Scrollbar shifts html content

As soon as your content exceeds the screen viewing area, a browser will automatically insert scrollbars to allow you to navigate up and down.
However when that happens, the content is shifted to the left, to circumvent this issue make sure that you use the css below.
(the css below will reserve a scrollbar space whether your content exceeds the viewing are or not so no more shitfing of content)

overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;


body {height:101%}