Internet Explorer (Windows) CSSバグリスト

背景色が指定された要素内にフロートがあるときに要素内の文字が消える(IE6)

症状

背景色を指定したブロック要素内にフロート配置した要素があるとき、ブロック要素内の文字列が消える。

例示

<div style="background:aqua;">
<div>A</div>
<div style="float:right; width:3em; background:blue;">B</div>
<div style="clear:right;">C</div>
</div>

文字「B」を含む要素がフロート配置されています。

スクリーンショット

補足

このバグは、親要素の幅をwidthプロパティで明示することで回避できます。

<div style="width:99%; background:aqua;">
<div>A</div>
<div style="float:right; width:3em; background:blue;">B</div>
<div style="clear:right;">C</div>
</div>

修正状況

WinIE6.0では標準・互換モード共に文字が消える現象が発生します。