IE7＆amp; IE6 CSS bug

Question

我的网站www.eat.vn存在问题。该网站适用于Firefox，Chrome，IE8和IE9和Safari，但在IE6和IE7中我们遇到了主要设计元素的问题。

请参阅附图，您将了解标签上的堆叠效果不是我想要的。我试图解决这个错误，但无法找到一个解决方案，不会搞乱其他浏览器中的任何东西。任何帮助将不胜感激！

Answer 1

我没有IE6或IE7来测试这个，所以我在黑暗中拍摄。

我的猜测是该问题与标签的容器元素（<div id="steps">）有关。这种风格为float:left;，我认为这是不必要的;它不需要浮动，因为它旁边没有任何其他元素。

然而，这个浮动可能导致IE6 / 7错误;它看起来好像这个元素已经决定它应该只与它里面的一个标签一样宽，这会导致标签彼此包裹。

因此我建议将float:left远离此容器元素，看看是否有帮助。

（当然，里面的标签元素仍应浮动）