<p>I have a website that is perfectely centered aligned. The CSS code works fine. The problem doesn't really have to do with CSS. I have headers for each page that perfectely match eachother.</p>

<p>However, when the content gets larger, Opera and FireFox show a scrollbar at the left so you can scroll to the content not on the screen. This makes my site jump a few pixels to the left. Thus the headers are not perfectely aligned anymore.</p>

<p>IE always has a scrollbar, so the site never jumps around in IE. </p>

<p>Does anyone know a JavaScript/CSS/HTML solution for this problem?</p>

[{'answer_id': 26891, 'author': 'Ross', 'author_id': 2025, 'author_profile': 'https://Stackoverflow.com/users/2025', 'pm_score': 0, 'selected': False, 'text': "<p>Are you aligning with percentage widths or fixed widths? I'm also guessing you're applying a background to the body - I've had this problem myself.</p>\n\n<p>It'll be much easier to help you if you upload the page so we can see the source code however.</p>\n"}, {'answer_id': 26907, 'author': 'Community', 'author_id': -1, 'author_profile': 'https://Stackoverflow.com/users/-1', 'pm_score': 0, 'selected': False, 'text': '<pre><code>   #middle \n   {        \nposition: relative;\nmargin: 0px auto 0px auto;      \nwidth: 1000px;  \nmax-width: 1000px;\n}\n</code></pre>\n\n<p>is my centered DIV</p>\n'}, {'answer_id': 26911, 'author': 'Ross', 'author_id': 2025, 'author_profile': 'https://Stackoverflow.com/users/2025', 'pm_score': 0, 'selected': False, 'text': "<p>Well you don't need the <code>position: relative;</code> - it should work fine without it.</p>\n\n<p>I take it that <code>div</code> <em>has</em> to be <code>1000px</code> wide? It would still be a lot easier to answer this with the actual website.</p>\n"}, {'answer_id': 26924, 'author': 'John Sheehan', 'author_id': 1786, 'author_profile': 'https://Stackoverflow.com/users/1786', 'pm_score': 4, 'selected': True, 'text': '<p>I use </p>\n\n<pre><code>html { overflow-y: scroll; }\n</code></pre>\n\n<p>To standardize the scrollbar behavior in IE and FF</p>\n'}, {'answer_id': 94534, 'author': 'Carl Camera', 'author_id': 12804, 'author_profile': 'https://Stackoverflow.com/users/12804', 'pm_score': 2, 'selected': False, 'text': '<p>FWIW: I use</p>\n\n<pre><code>html { height: 101%; }\n</code></pre>\n\n<p>to force scrollbars to always appear in Firefox.</p>\n'}]
['https://Stackoverflow.com/questions/26879', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/-1/']