タグメモのカケラ

IE6で画像の下に変な余白が入る事があります。
改行バグかな～と思って改行を取ってみてもなくならない。
CSSでmarginとpaddingを0pxにしてもなくならない。
どうしたものか…。

色々と試した結果、以下でなおりました。

回避策：
vertical-align: bottom;

ただ、全体にかけると高さが無い画像は今度は上が空いたりして使い勝手が悪いので、必要なところだけ指定するのをオススメします。

画像の下に何故余白が入るのかは分かりませんが、vertical-align: bottom;で縦位置を下基準にする事で回避しています。


注意：親ボックスなどではなく、画像自体にかけないとキキメはありませんので、imgタグに設定してください。