この記事は賞味期限切れです。(更新から1年が経過しています) IE6がボーダー/パディングを含んだ値としてwidthを解釈するのに対し、 他の多くのブラウザはそれらをwidthに足した値で描画します。 この問題はCSSを書く人なら誰しも一度はぶちあたる壁ですね。 多くのバグで我々を悩ませるIE6さんではありますが、 この一点についてはIE6の解釈の方がコーディング上効率が良いと思います。 デザインからコーディングする際は 画像エディタ上のサイズそのままを記載すれば良いですし、 レイアウト中にカラム幅を指定する場合にも わざわざpaddingやborder-widthを足したり引いたりするのは非効率です。 では、どうするか。 box-sizingを活用する その為に用意されたCSSプロパティがbox-sizingです。 CSS3 Basic User Interface Module ボック
![実験室: ボックスサイズの解釈はIE6の方がわかりやすいと思う - Mach3.laBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/f364f3b0c491b8a67f04e6f3abe99f1a98a0001d/height=288;version=1;width=512/http%3A%2F%2Flh5.ggpht.com%2F_JJkNs5Ixl70%2FTByZ9fQbaAI%2FAAAAAAAAA8k%2FUzI2o1m-WFM%2Fs800%2F201006191919.png)