IE6和IE7中border渲染断线现象

最近在给一个研究会做个站点，全部处理完事OK后开始检查浏览器BUG，突然发现在IE7模式下一个div出现左右border断线现象。

#content .pages_right .pages_content{border-width: 0 1px 1px 1px; border-color: #a97665; border-style: solid; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

经过多方面搜集资料发现“容器内有两个浮动，并用CLEAR清除浮动。在ie6和ie7下拖动滚动条时最外层的border会消失”

解决办法：在父元素中1.加入height:1%
　　　                    2.加入一个宽度
　　                    　3.加入一个背景色

修改后：

#content .pages_right .pages_content{width:100%; border-width: 0 1px 1px 1px; border-color: #a97665; border-style: solid; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}