Internet Explorer (Windows) CSSバグリスト

line-heightが指定された相対配置要素の上ボーダー上端が消える(IE6)

症状

子孫に置換要素以外のインライン要素だけを含む相対配置のブロック要素にline-heightプロパティが指定されているとき（または、親要素から継承しているとき）に、上ボーダーの上端が消えてしまう。

例示

<div style="line-height:1.2; position:relative; border:1px solid red;">A</div>

四方のボーダーの太さはいずれも1pxです。

スクリーンショット

補足

相対配置する要素の子孫にブロック要素や置換要素を置くようにすれば不具合を回避できます。

<div style="line-height:1.2; position:relative; border:1px solid red;">
<p>A</p>
</div>

修正状況

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