IE6上 拖动滚动条 左右边框断线现象

条件：容器内有两个浮动，并用CLEAR清除浮动。
症状：在ie下拖动滚动条时最外层的border会消失，如果给最外层加上宽度或者高度就不会出现。
<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>

药方：
方法1.在父元素中加入height:1%
方法2.加入一个宽度
方法3.加入一个背景色
<div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%; height:1%">
       <div style="float:left">
              网页标准化过程中一些理论<br />
              网页标准化过程中一些理论<br />
              网页标准化过程中一些理论<br />
              网页标准化过程中一些理论<br />
       </div>
       <div style="float:right">
              网页标准化过程中一些理论<br />
              网页标准化过程中一些理论<br />
              网页标准化过程中一些理论<br />
              网页标准化过程中一些理论<br />
       </div>
       <div style="clear:both"></div>
</div>

PS 本人 试用过    加%1高度就OK； 加背景 好像不太好用