如何解决IE6下的横向排列乱换行问题

[xiaochun410]

网站有8个栏目，每行2个，共四行，在IE7、8下显示没有问题，但在IE6下就会出现乱换行的问题。
加过clear:both;display:inline-block;但是不起作用。

我用的是DIV嵌套UL.请高手看一下源码：

网站效果请看：www.kkert.com
下图是在IE6下出现的乱换行现象，刷新几次偶尔也会正常。




<style>
*{ padding:0px; margin:0px;}
body{ font-size:12px; line-height:150%; color:#666666}
a{ color:#003399; text-decoration:none}
a:hover{ color:#999900;}
div{ overflow:hidden}
.box{ float:left;width:245px; margin:10px 20px 10px 0px;overflow:hidden;display:inline-block;}
img{border:0px; margin:5px 4px 0px;0px;}
.dd{width:555px;margin:0px 20px;overflow:hidden;display:inline-block;}
.p5{ padding:5px;}
.cle{ clear:both; height:0px;}
.list_2{margin:0 0 0 0;}
.m{ border:1px solid #ccc;overflow:hidden;}
.m h2,.m ul li{ height:25px; line-height:25px;}
.m ul{width:100%;overflow:hidden;display:inline-block;}
.m h2{ font-size:12px; background:#f7f7f7; padding-left:5px;}
.m ul li{ list-style:none; border-top:1px dotted #ddd;padding-left:5px;width:220px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.m .list_1{ margin-bottom:5px;}
.m .list_1 span{ float:left; padding-right:8px;}
.m .list_1 span img{ border:1px solid #eee;}

</style>
<div class="dd">

<div class="box">
<div class="m">
<h2><a href="http://www.kkert.com/catalog.asp?cate=9">文涛拍案</a></h2>
<div class="p5">
<div class="list_1">
<span>
<a href="http://www.kkert.com/catalog.asp?cate=9">
<img src="/upload/pan.gif" width="90" height="111" /></a>
</span>
<p><b><a href="http://www.kkert.com/catalog.asp?cate=8">文涛拍案</a>
</b><br/>在这个“另类法制节目”中，文涛以迥然同形象出现，性情毕现，有理有节，仗义直言，击浊扬清。 </p>
<div class="cle"></div>
</div>
<ul class="list_2">
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=category_9" type="text/javascript"></script>
</ul>
</div>
</div>
</div>

<div class="box">
<div class="m">
<h2><a href="http://www.kkert.com/catalog.asp?cate=7">锵锵三人行</a></h2>
<div class="p5">
<div class="list_1">
<span>
<a href="http://www.kkert.com/catalog.asp?cate=7">
<img src="/upload/3rx.gif" width="90" height="111" /></a>
</span>
<p><b><a href="http://www.kkert.com/catalog.asp?cate=7">锵锵三人行</a>
</b><br />窦文涛与两岸三地传媒界之精英名嘴，一起针对每日热门新闻事件进行研究，并各抒己见。</p>
<div class="cle"></div>
</div>
<ul class="list_2">
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=category_7" type="text/javascript"></script>
</ul>
<div class="cle"></div>
</div>
</div>
</div>



<div class="box">
<div class="m">
<h2><a href="http://www.kkert.com/catalog.asp?cate=6">壹周立波秀</a></h2>
<div class="p5">
<div class="list_1">
<span>
<a href="/catalog.asp?cate=6">
<img src="/upload/zlb.gif" width="90" height="111" /></a>
</span>
<p>
<b><a href="http://www.kkert.com/catalog.asp?cate=6">壹周立波秀</a>
</b>
<br/>根据热点事件虚构一条条搞笑的新闻。每次开始前都要说一句：“立波梦话，纯属虚构，如有雷同，不胜荣幸！”
</p>
<div class="cle"></div>
</div>
<ul class="list_2">
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=category_6" type="text/javascript"></script>
</ul>
<div class="cle"></div>
</div>
</div>
</div>


<div class="box">
<div class="m">
<h2><a href="http://www.kkert.com/catalog.asp?cate=3">老梁说天下</a></h2>
<div class="p5">
<div class="list_1">
<span>
<a href="http://www.kkert.com/catalog.asp?cate=3">
<img src="/upload/lhd3.gif" width="90" height="111" /></a>
</span>
<p><b><a href="http://www.kkert.com/catalog.asp?cate=3">老梁说天下</a>
</b><br/>与辽宁卫视合作的评论节目，内容涉猎极杂，民间传奇、历史掌故、风俗礼仪等等书外书、扯闲篇的东西。 </p>
<div class="cle"></div>
</div>
<ul class="list_2">
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=category_3" type="text/javascript"></script>
</ul>
<div class="cle"></div>
</div>
</div>
</div>



<div class="box">
<div class="m">
<h2><a href="http://www.kkert.com/catalog.asp?cate=4">天天五味评</a></h2>
<div class="p5">
<div class="list_1">
<span>
<a href="http://www.kkert.com/catalog.asp?cate=4">
<img src="/upload/lhd2.gif" width="90" height="111" /></a>
</span>
<p><b><a href="http://www.kkert.com/catalog.asp?cate=4">天天五味评</a>
</b><br/>《天天五味评》节目是吉林卫视推出的一档评论性节目，主持人梁宏达以评论方式关注社会热点话题。</p>
<div class="cle"></div>
</div>
<ul class="list_2">
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=category_4" type="text/javascript"></script>
</ul>
<div class="cle"></div>
</div>
</div>
</div>



<div class="box">
<div class="m">
<h2><a href="http://www.kkert.com/catalog.asp?cate=2">老梁看电视</a></h2>
<div class="p5">
<div class="list_1">
<span>
<a href="http://www.kkert.com/catalog.asp?cate=2">
<img src="/upload/lhd.gif" width="90" height="111" /></a>
</span>
<p><b><a href="http://www.kkert.com/catalog.asp?cate=2">老梁看电视</a>
</b><br/>
《北方频道》的一档电视评论节目。梁宏达其伶俐的口齿，独道的见解，深受观众的喜爱与赞扬。</p>
<div class="cle"></div>
</div>
<ul class="list_2">
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=category_2" type="text/javascript"></script>
</ul>
<div class="cle"></div>
</div>
</div>
</div>



<div class="box">
<div class="m">
<h2><a href="http://www.kkert.com/catalog.asp?cate=1">老梁故事汇</a></h2>
<div class="p5">
<div class="list_1">
<span>
<a href="http://www.kkert.com/catalog.asp?cate=1">
<img src="/upload/lhd6.gif" width="90" height="111" /></a>
</span>
<p><b><a href="http://www.kkert.com/catalog.asp?cate=1">老梁故事汇</a>
</b><br/>调侃时下社会热点，在古今中外中跳进跳出，让观众在故事中里体味变化的时代和不变的真情。</p>
<div class="cle"></div>
</div>
<ul class="list_2">
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=category_1" type="text/javascript"></script>
</ul>
<div class="cle"></div>
</div>
</div>
</div>

<div class="box">
<div class="m">
<h2><a href="http://www.kkert.com/catalog.asp?cate=5">体育评书</a></h2>
<div class="p5">
<div class="list_1">
<span>
<a href="http://www.kkert.com/catalog.asp?cate=5">
<img src="/upload/typs.gif" width="90" height="111" /></a>
</span>
<p><b><a href="http://www.kkert.com/catalog.asp?cate=5">体育评书</a>
</b><br/>“没看过世界杯，不知道狼多肉少；不认识齐达内，不知道脾气不好；没见过姚明，不知道个儿太小... </p>
<div class="cle"></div>
</div>
<ul class="list_2">
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=category_5" type="text/javascript"></script>
</ul>
<div class="cle"></div>
</div>
</div>
</div>

</div>

[xiaochun410]

试过许多解决办法，但都不行。
困扰好几天了，最后一点希望混csdn的高人们给指点迷津！！谢谢了！

[loveinet_168]

这是DIV+CSS排版问题，出现了浮动，就得清除浮动。
.clear{clear:both;}

[xiaochun410]

[Quote=引用 2 楼 loveinet_168 的回复:]
这是DIV+CSS排版问题，出现了浮动，就得清除浮动。
.clear{clear:both;}
[/Quote]
请问加在哪个位置？是在每个box后面加吗？

[xiaochun410]

[Quote=引用 2 楼 loveinet_168 的回复:]
这是DIV+CSS排版问题，出现了浮动，就得清除浮动。
.clear{clear:both;}
[/Quote].

我已经定义了：
.cle{ clear:both; height:0px;}难道放的位置不对？