サイト制作をしていて感じていた違和感

IE6では大丈夫なのに
Firefox3では
ページ遷移の際に縦スクロールの幅の分だけコンテンツが左右にずれてしまい
違和感を感じていました。。。

最初は「float:left」が上手く出来ていないのかと
やり直しをして見てもダメで...
でも不思議とIE6で確認するとズレがおきないんです！！

原因は
IE6やIE7は縦スクロールバーの領域分を確保して表示するのに対し
Firefox3、Safari3、Opera9.5、GoogleChrome、IE8では確保されないため
ページ遷移の際に
縦スクロールの幅の分だけコンテンツが左右にずれてしまう
という事がわかりました

解決方法として

html {
　overflow: scroll;
　overflow: -moz-scrollbars-vertical; /* firefoxが先行実装している値 */
　overflow-x: scroll; /* firefoxで横スクロールバーが表示されない問題を回避 */
}

を指定しました