I’m currently working on a webdesign with a centered div, and what’s really irritating is that in Firefox the entire div moves when the content goes below the screen length. Firefox shows the scrollbar and moves the entire page abit to the left. Why does it do that?? IE doesn’t! I have tried with the latest beta of Firefox 3, and same thing happens there.
If you want to test this yourself open this css layout over at Layout Gala in Firefox, and keep clicking the “Add Text to this section” link in the content area until the content goes below the screen length. When Firefox adds the scrollbar at the right side it shifts the entire page to the left.
Surely this must be a bug?
Update: I just checked using Opera and the same thing happens.
Update2: After googling around some, I found the solution to this “problem”.
The following CSS will make sure the vertical scrollbar are always present:
html {overflow-y: scroll;}
Glad I sorted that out! Now I can consentrate on the design again. 
Update3: This is still a “problem” in Opera. At least with version 9.27.
