在Firefox下,加上float:left后背景没有了,IE正常~

[jone_linux]

<div class="ilnews">
<dl>
<dt class="tools_title"></dt>
<dd>
<ul class="tools_ul">
<li>船东查询</li>
<li>集装箱参数</li>
</ul>
</dd>
</dl>
</div>


ilnews加的背景,样式如下:
.ilnews{
width:275px;
background:url(../image/index_06.gif);
background-repeat:repeat-y;
}
.ilnews .tools_ul li{
float:left;
width:40%;
padding-left:15px;
background:url(../image/index_09.gif);
background-repeat:no-repeat;
background-position:0px 4px;
}
li样式中一加上float:left;ilnews中背景就没了,怎么弄呢?

[egeg3000]

你两个层都没有对位置有明显的描述啊，我猜是不是明确一下两个层的位置可以好一点儿呢？

[guangboo]

不是背景没了，而是ilnews的高度变了，因为li在属性float:left下，变为浮动的，就不在ilnews文本流里面，解决方法是在ilnews末尾加clear:left：
如：
<div class="ilnews">
<dl>
<dt class="tools_title"> </dt>
<dd>
<ul class="tools_ul">
<li>船东查询 </li>
<li>集装箱参数 </li>
</ul>
</dd>
</dl>
<div style="clear:left"></div>
</div>