IE6で画像の下に余白が入ってしまいます。

質問

CSSを使ってレイアウトをしているのですが、
<ul>
<li>画像</li>
<li>画像</li>
<li>画像</li>
</ul>
でなぜか画像ごとに、下の部分に少しだけ余白ができてしまいます。
CSSでmarginやpaddingを0にしたり、
http://www.happy-crossing.com/tagmemo/log/eid11.html
にあるようにvertical-align:bottomにしたり・・・

それでもなぜか下の余白が表示されています。
こちらの方は治ったみたいなのですが・・・
他のブラウザはいろいろ見ましたが、余白などなく表示されていました。
Dreamweaver上でも少し余白が見えています・・・
お心当たりのある方がいらっしゃいましたら、どうかよろしくお願致します。
CSSは以下のように記述しています。

ul {
float: left;
margin: 0px;
padding: 0px;
list-style: none;
margin-top: 45px;
}
li {
width: 150px;
background-repeat: no-repeat;
padding-left: 13px;
padding-bottom: 0px;
height: 140px;
float: left;
vertical-align: bottom;
margin-bottom: 0px;

}

回答No.2

leap_day · ベストアンサー

こんにちは

vertical-alignは<img>につけます

img { vertical-align:bottom; }

お礼

ありがとうございます。
早速試してみたところ、無事解決いたしました。

本当にありがとうございました。

回答No.1

神崎 渉瑠（@taloo）

推測ですが、画像の下の空白ではなく、画像の上の空白、
つまりmargin-top、padding-topじゃないんですか？

お礼

ありがとうございます。

そのあたりは一通り、見直しました・・
また、よろしくお願致します。