IEでimg下に変な隙間が生じるバグ(その2)

2010.03.01

vertical-align:top;だけでは解消できない状況に遭遇。
いろいろやった結果、やっぱり<div>で囲うほかなかった、、、、

<div class="ie_img">
<img src="画像" />
</div>

として、ie_imgに以下のスタイルを設定

.ie_img{
font-size:0;
line-height:0;
}

要素にフォントの高さ等が当たってIEのバカはうまく解釈できないらしい。
早くIE6を使う人がいなくなることを、心から願う。

コメントは受け付けていません。