Internet Explorer (MacOS) CSSバグリスト

フロート化したh1要素に続くdiv要素が回り込んで表示される(5.x)

症状

h1要素をフロートにしているとき、h1要素の直後にあるdiv要素ボックスの幅がフロートに重ならないように縮小される（置換ブロック要素のようになる）。

例示

<h1 style="float:left; width:3em; margin:0;">H1</h1>
<div style="border:2px solid blue;">
ブロック<br>ブロック<br>ブロック</div>

div要素のボックスサイズ算出時にフロートは影響を与えないはずです。

スクリーンショット

補足

h1要素の後にある要素がdiv要素でない場合はバグが発生しません。

<h1 style="float:left; width:3em; margin:0;">H1</h1>
<h2>h2-1</h2><h2-2>h2</h2>

このバグの例とスクリーンショットをにゃおりんぱげ最小構成てすとで見ることができます。

修正状況

MacIE5.1〜5.2で不具合の発生が確認されています。