背景と画像の間にスペースが

画像3つで角丸ボックスを作り、真ん中の部分はテキストに応じて縦に伸びるように背景にしたいのですが、IEで見ると背景と底の部分の角丸画像の間にスペースができてしまいます。Firefoxでは問題ありません。

どうすれば解決できるかお教えいただければと思います。

［CSS］
.back{
height:auto;
background: url(../images/area.gif) repeat-y ;
}

.txt{
width:218px;
margin:0px;
padding:0px;
list-style:none;
}

.txt li{
margin:0px;
padding:5px 10px 0px 13px;
}

img{
margin:0px;
padding:0px;
border:0px;
vertical-align:bottom;
}

［html］

<img src="images/head.gif" width="218" height="7" alt="">
<ul class="txt back">
<li>2008.03.01<br>Webサイトがオープンしました。</li>
<li>2008.03.01<br>Webサイトがオープンしました。</li>
</ul>
<img src="images/foot.gif" width="218" height="7" alt="">

No.1 ベストアンサー 回答者： egoblock 回答日時： 2008/02/21 16:27

下の角丸画像にvertical-align : top及びmargin : 0を入れてみてください。

この回答へのお礼

入れてみたところできました。
おかげさまで助かりました。
ありがとうございました。

お礼日時：2008/02/21 16:42