下記のようなHTML構造で、bodyタグに背景画像をbackground-position: center top;みたいに中央配置したい場合があったりします。 <body> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </body> でもこれbodyタグに指定すると1pxズレちゃうんですね。 IEだと1pxズレる問題は各所で「bodyタグにpadding-left: 1px;を指定したら回避できるよ」って感じで紹介されてるけど、実はFirefox 3.0.xやSafariなどにも同じような問題があって久しぶりにハマってしまった。 まずはググって調べてみたところSoh Tanakaさんのブログから参考になる記事を発見。 垂直スクロールバーの幅のサイズが奇数になってるのが原因みたいだ。 随分