IE6のfloatしたボックスのmarginの値が2倍になるバグ対策の件

IE6で、floatで指定した値と同じ方向にmarginの指定をすると、指定値の倍程度になってしまうっていう有名なバグ。 その対策として、marginの代わりにpaddingを使うとか、親要素でpaddingを取るとかあったりしますけど、一番手っ取り早い感じで、問題が無さそうなdisplay: inline;を指定する方法がありますよね。えぇ。 何となく他のブラウザに影響ないの！？って思ってしまうかもですが、 こういう矛盾しちゃいそうな指定がされた時はどーしたらええの？っていうのがちゃんと仕様で決まってるので仕様通りに動いてくれるブラウザさんなら問題ないわけです。 そうなんですよ。仕様通りにね、動いてくれるブラウザさんならね。 仕様通りに... そこで登場するのが、IE7。 IE6に比べればだいぶ良くなったもののやっぱり色々問題があるIE7。 そんなIE7さん、こんなトコロにも影響があった

[netch]

display:inline;でOK。 IE7でも特に問題なさそうだけど。

[kamiaki]

display:inlineでのIE6対策が、IE7での表示を崩してしまう場合もあるとのこと。