Internet Explorer (Windows) CSSバグリスト

最も高さが大きい要素にvertical-align:bottom;を指定すると配置が狂う(5.5/6.0)

症状

行内でもっとも高さが大きいインライン要素に vertical-align:bottom; を指定すると、その要素の他の文字列等との位置関係は vertical-align:top; の場合と同じになる。

例示

<p style="border:2px solid blue;">段落
<span style="font-size:150%; vertical-align:top;">top</span></p>
<p style="border:2px solid red;">段落
<span style="font-size:150%; vertical-align:middle;">middle</span></p>
<p style="border:2px solid green;">段落
<span style="font-size:150%; vertical-align:bottom;">bottom</span></p>

文字列「段落」の縦方向の位置は、topの場合に最も上方、bottomの場合に最も下方にあるはずです。

スクリーンショット

修正状況

WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。