IE7 div浮动bug

Question

我有以下

<div id="border" style="width:100%; border:8px solid #FFF">
    <div id="menu" style="width:250px; float:left;" >
        Some menu
    </div>
    <div id="content" style="padding-left:270px; width:520px;" >
        Main page content
    </div>
</div>

这给了我一个左对齐菜单和右边的内容，全部被边框包围。

在包括IE8在内的所有浏览器上，它都能正确显示。

但是在IE7上，内容只从菜单下方开始，并在菜单右侧留下一个大的空白区域。

我搜索了所有类型的解决方案并尝试了各种组合的右，左，无浮动。清除左右两者。它总是在浏览器上显示不同。

感谢任何帮助。 迈克尔

Answer 1

删除内容div上的填充并将其设置为向左浮动。

您可能必须将<div style="clear: left"></div>放在

之后