IE7重叠问题

今天遇到的新问题：在IE7下两个UL发生重叠现象！但是在FF和IE6下是正常的！到底是个怎么样的情况请看图


代码如下：

1. <div id="main-hot-ask-top">     
2.                                 <ul>
3.                                     <li class="blue">厂家信息</li>
4.                                     <li style="padding-left:8px;">广州羊城风机厂</li>
5.                                     <li style="padding-left:8px;">广州戴维源净化工程有限公司</li>
6.                                 </ul>       
7.                                 
8.                                 <ul>
9.                                     <li class="blue">价格参考 参数</li>
10.                                     <li style="padding-left:8px;">排烟风机   风量45000m3/h 全压400Pa 11KW</li>
11.                                     <li style="padding-left:8px;">价格：5720元/台</li>
12.                                     <li style="padding-left:8px;">风机盘管   风量=1500，功率=120w</li>
13.                                     <li style="padding-left:8px;">价格：1350元/台</li>
14.                                 </ul>
15.                                 <div class="clearing"></div>
16.                         </div>

CSS样式：

1. #main-hot-ask-top li
2. {
3.     text-align:left;
4.     width:98%;
5.     padding-left:1px;
6.     line-height:26px;
7. }

修改样式后代码：

1. #main-hot-ask-top ul
2. {
3.     height:auto;
4. }
5. #main-hot-ask-top li
6. {
7.     text-align:left;
8.     width:98%;
9.     padding-left:1px;
10.     line-height:26px;
11. }

在GG上搜到了一些内容也和这种情况类似！问题主要就是：IE7对高度的设置严格了！在没设高度或设高度不够时会发生重叠现象！所以我在UL设置了 height:auto;,终于解决了重叠问题！