A good website template shouldn't move, rock, tilt, rattle. When a user clicks through it's pages, horizontally, the size template should not move. It should be planted stiff and only grow vertically.
If you experience a hop, like I did, it's because of the browser's scrollbar appearing and disappearing. Here's how to enable a scroll bar at all times:
html {overflow-y: scroll;}
Put that in your style sheet and thank me later,
Enjoy.
P.s. Thanks to Dmitry and Faramarz for helping me find the problem, write the source code.

