この記事は賞味期限切れです。(更新から1年が経過しています) IE6がボーダー/パディングを含んだ値としてwidthを解釈するのに対し、 他の多くのブラウザはそれらをwidthに足した値で描画します。 この問題はCSSを書く人なら誰しも一度はぶちあたる壁ですね。 多くのバグで我々を悩ませるIE6さんではありますが、 この一点についてはIE6の解釈の方がコーディング上効率が良いと思います。 デザインからコーディングする際は 画像エディタ上のサイズそのままを記載すれば良いですし、 レイアウト中にカラム幅を指定する場合にも わざわざpaddingやborder-widthを足したり引いたりするのは非効率です。 では、どうするか。 box-sizingを活用する その為に用意されたCSSプロパティがbox-sizingです。 CSS3 Basic User Interface Module ボック