父级中包含的CSS div与IE不正确

Question

我在使用IE浏览器显示此网站时遇到问题。 http://outlawstar.zymichost.com/

我认为问题是menu_bar不包含在head div中。但是，代码在chrome和firefox中都能正常工作。有什么建议？谢谢！

Answer 1

其中一个问题是你的logo div和menu_bar div的组合超过了head div的宽度。如果我将menu_bar div设置为740px就可以了。您应该做的另一件事是在menu_bar之后添加一个div，如下所示：<div style="clear:both"></div>。这样你就可以清除你在head div中设置的浮动。

修改

此外，IE中的li设置为display: inline-block似乎存在问题。要让它在那里工作，你想把它设置为display: inline，但遗憾的是这与firefox中的li风格混淆。为IE设置不同的样式表可能是谨慎的。