将2个div并排/ Internet Explorer 6/7浮动和填充(？)错误修复

Question

我需要并排放置2个div.但更重要的是,我希望在IE6/7中正确显示.我已经设法用Firefox取得了成功.我的代码:

#container{
    padding:10px;
}

#left{
    float:left;
    width:500px;
}

#right{
    width: 300px;
    float:right;
    padding:7px;
    background-color:#F0FCEB;
}

<div id="box"> 
<div id="left">Some content here</div> 
<div id="right">Some content here 2</div>
<div style="clear:both;"></div>
</div>

结果如下所示:

期望输出(FF输出):

IE6/7输出: 如何在IE中摆脱这种不必要的填充,还是有其他方法？注意:我使用jQuery和Nifty来创建圆角.

Answer 1

这里的一些内容2

那是什么内容？您的示例按原样运行,因此内容本身会导致问题.

它可能包括一个表格,因为它看起来像在镜头？

<form>有一个默认的上/下边距,以及垂直边距如何崩溃是一些混乱和浏览器差异的问题(如果可能的话,通常最好避免).所以迷你重置规则:

form { margin: 0; }

可能有帮助.