WEB修行とMovabletype

IEバグ：divのmargin幅が倍になる

IEでは、floatしているボックスへ指定した左右のmargin幅が倍になって表示されるというバグがあるそうです。
いや、FirefoxやOperaはちゃんとしてるのに、なんでIEだけレイアウトが崩れるんだー、と前々から首をかしげてたんですよ。今までは、なんとか、だましだまし作ってたんですが、やっとスマートな解決策をGET。
対策
floatで、leftやrightを指定してるｄｉｖに、「display: inline」指定するだけ。
参考にさせていただいたのは、こちら↓
http://hail2u.net/blog/webdesign/doubled_margin_bug_at_ie.html
ごっつい、シンプルじゃないですか！
最近、CSS強化月間。本、2冊も買ってしまった・・・また書籍費があがる・・・