internet-explorer-9 - Nav div 在 IE9 中未正确对齐，在 Chrome 和 FF 中正常

Question

我想我在这里可能有点愚蠢，但我无法弄清楚为什么我的导航在 IE9 的右侧有一个丑陋的差距

http://i46.tinypic.com/10nu5w5.jpg

它在 FF 和 Chrome 中看起来不错，正如我想要的那样，边距与左侧徽标之前的边距相同。

http://tinypic.com/r/2v8mmty/6和 jsfiddle 是jsfiddle.net/KNuEp/1

这显然是 IE 的事情。基本上在 HEADER DIV（在 960px 包装 div 中）中，我有一个 SITETITLE div，其中包含向左浮动的徽标和一个 NAV div，其中包含向右浮动的导航 ul。如果有帮助，我可以粘贴一些代码...

Answer 1

解决您的问题

换成这个

<div id="header" class="clearfix">
        <div id="sitetitle" class="clearfix">
            <a href="index.html"><img src="images/bathroom-logo.png"></a>
        </div>