浮动时候IE下div断线问题

好久没写页面了，今天写页面为了能在IE6下兼容，一张页面，居然纠结了我一上午，写页面的过程中出现了以前出现过的IE6下div 边框断线问题

为了以防今后还会有类似的问题出现，特意写点笔记记录下来

最外层的div是没有定义任何高度的

我们可以通过下面的办法解决：
　　　1.在父元素中加入height:1%
　　　2.加入一个宽度
　　　3.加入一个背景色

试了试这几种方法都可以解决问题，要解释却是很难解释的清楚

<div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%">
<div style="float:left">
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
</div>
<div style="float:right">
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
</div>
<div style="clear:both"></div>
</div>

像这种情况，在火狐下可以看出最外成的高度为192px；如果将最外层的

style="margin:192px 100px 10px 100px;

断线依然存在，当设置成

style="margin:191px 100px 10px 100px;

断线是不存在的，如果给最外一层加上一高度，断线却是怎么也不会存在了

这问题着实有点奇怪，求解释也解释不出来，先收着吧，说不定有天我能碰到对此的解释说明