IE6下背景图无法显示问题解决方案

原本设想为li添加border-bottom，

实现虚线即dashed或者点状dotted

感觉dashed显示效果不是很理想，

IE6下dotted显示效果与dashed差不多。

于是想了个偷懒的方法，

直接将dotted效果做成图片，

以背景图形式放入相对应位置。

css设置

.child {
        background: url(images/left_line.gif) no-repeat 0 9px;
}
.child a{
  display:block;
  padding-left:15px;
  font-family:"宋体";
    font-size:12px;
    line-height:31px;
    height:31px;
    list-style-type: none;
    color:#535353;
    display:block;
    white-space:nowrap;
}

.treemenu {

    padding: 0 20px;

}

html对应代码

<dl class="treemenu mb20" id="leftmenu">
                <dd class="child">
                    <a class="" title="111" href="#">111</a>
                </dd>
                <dd class="child">
                    <a class="" title="222" href="#">222</a>
                </dd>
</dl>

此时IE8，FF，chrome测试均无问题，只有IE6无法显示该背景图片。

最终解决方案：

对child设置高度，并且要大于等于dd内部a标签高度。

这样才能有效的显示出该背景图片。

不然在IE6认为这个DIV的高度为0px，所以它的背景图片也就无法显示了!