【html＆css】リストタグの中に画像入れたけど下に隙間ができちゃったときの対処（IE6）

■HTML

<ul>
<li>

<a href=”#”>

<img src=”hoge.gif” alt=”fuga” class=”imgover” />

</a>

</li>
<li>

<a href=”#”>

<img src=”hoge.gif” alt=”fuga” class=”imgover” />

</a>

</li>
<li>

<a href=”#”>

<img src=”hoge.gif” alt=”fuga” class=”imgover” />

</a>

</li>
</ul>


■CSS

ul {
width: xxxpx;
height: xxxpx;
}

li {
float: left;
}

li img {
display: block;
}

IE6などで<h1></h1>などの要素を上にして

リストとくっつけたい場合は

img { vertical-align: bottom; }

をする！！