IE6的浮点问题（没有任何边距/填充）

Question

我正试图让我在我最喜欢的浏览器中正确显示的网站永远不会给我带来麻烦 - IE6！大声笑。 我在div中有2个浮动元素：

#content_container { position:relative; width: 908px; background-color:#FFFFFF; padding: 26px; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; }
#content_container_left { position:relative; width: 384px; float:left;}
#content_container_right { position:relative; width: 496px; float:right; text-align:justify;}

上面的CSS结果如下：

您可以看到文本（#content_container_right）信息位于图库（#content_container_left）下方，因为右侧容器应该在空白区域的右侧浮动。

我已经尝试将margin:0px;和padding:0px;提供给两个浮动元素，但这不起作用...虽然我的浮动元素display:inline;中没有任何边距也不起作用。 父div中的填充似乎不是问题。

BTW：我一直在IE Tester进行测试，事实证明它非常有用（即使它可能不是真正垃圾的100％复制品）

任何想法/建议？

Answer 1

好的，我已经发现display:inline;和zoom:1解决了我的问题（在浮动的div中使用它们）。下面的人给出了一些关于IE6的好建议。请记住，不要像Henrik提到的那样为IE6打破你的背部，因为这只会让微软失败并且它正逐渐消失。