Internet Explorer (Windows) CSSバグリスト

vertical-alignが指定された要素を含む行が前後の行に重なる(IE6)

症状

親要素のline-heightプロパティで指定した高さの範囲から上か下にはみ出るvertical-alignプロパティを指定した子孫要素を含む行が前の行または次の行に重なって表示される。

例示

<p style="line-height:1;">あいうえお<br>
かき<strong style="vertical-align:0.5em;">く</strong>けこ<br>
さしすせそ</p>

strong要素を0.5em分だけ上方向にずらしています。strong要素を含む行は前後の行と重ならないように行の高さが広がるはずです。

スクリーンショット

補足

親要素のline-heightプロパティを充分大きな値にするとこのバグを回避できます。

<p style="line-height:1.5;">あいうえお<br>
かき<strong style="vertical-align:0.5em;">く</strong>けこ<br>
さしすせそ</p>

修正状況

WinIE6.0では標準・互換モードの両方で不具合の発生が確認されました。