为什么IE5插入背景后，底部出现空白？

風過aiq無痕

为什么IE5插入背景后，底部出现空白？
<br />
<<span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span>><br />
<style type="text/<span href="tag.php?name=css" onclick="tagshow(event)" class="t_tag">css</span>"><br />
* {<br />
margin:0;<br />
padding:0;<br />
}<br />
/*-- MainMenu --*/<br />
#MainMenu li {<br />
        margin:0 10px;font-size:12px;<br />
        width: 151px;<br />
        height: 18px;<br />
        line-height: 18px;<br />
        text-align:left;<br />
        text-indent:1em;<br />
        list-style: none;<br />
        background:#fff url(http://www.w3studio.cn/temp/guide.png) no-repeat 0 40%;<br />
}<br />
<br />
.UnderLine_dot {<br />
        border-bottom:1px dotted #ccc;<br />
        height: 20px;<br />
}<br />
</style><br />
                                <<span href="tag.php?name=div" onclick="tagshow(event)" class="t_tag">div</span> id="MainMenu"><br />
                                        <ul><br />
                                                <li><a href="#"><strong>商品分类导购：</strong></a></li><br />
                                                <li><a href="#"><span href="tag.php?name=%B5%E7%C4%D4" onclick="tagshow(event)" class="t_tag">电脑</span>/外设/<span href="tag.php?name=%C8%ED%BC%FE" onclick="tagshow(event)" class="t_tag">软件</span>/<span href="tag.php?name=%CD%F8%C2%E7" onclick="tagshow(event)" class="t_tag">网络</span></a></li><br />
                                                <li><a href="#">数码相机/摄像器材/冲印</a></li><br />
                                                <li><a href="#">手机/配件/电话机/卡</a></li><br />
                                                <li class="UnderLine_dot"><a href="#">MP3随身视听/耳机/乐器</a></li><br />
                                                <li><a href="#">女式服装/鞋帽/配饰</a></li><br />
                                                <li><a href="#">男式服装/鞋帽/配饰</a></li><br />
                                                <li><a href="#">儿童服装/母婴用品</a></li><br />
                                                <li><a href="#">玩具/模型/卡通产品</a></li><br />

                                                <li class="UnderLine_dot"><a href="#">美容/化妆品</a></li><br />
                                                <li><a href="#">家居用品/灯饰</a></li><br />
                                                <li><a href="#">小家电/家用电器</a></li><br />
                                                <li><a href="#">日用品/饰品/鲜花礼品</a></li><br />
                                                <li><a href="#">办公用品/耗材/办公家具</a></li><br />
                                                <li class="UnderLine_dot"><a href="#">书籍/报纸/杂志</a></li><br />
                                                <li class="UnderLine_dot"><a href="#">医药/医疗器械</a></li><br />
                                                <li><a href="#">运动/户外用品/健身器械</a></li><br />
                                        </ul><br />
                                </div><br />
<br />
<br />
</html><br />

   提示：您可以先修改部分代码再运行


测试时表现如下：（背景设为黑色）
IE6/ff1.5


IE5


为什么IE5<li>插入背景后，底部出现3px空白？请问应如何解决？