Internet explorer 9 导航div在IE9中未右对齐，在镀铬和FF中精细_Internet Explorer 9

Internet explorer 9 导航div在IE9中未右对齐，在镀铬和FF中精细

Internet explorer 9 导航div在IE9中未右对齐，在镀铬和FF中精细,internet-explorer-9,Internet Explorer 9,我想我在这里可能有点傻，但我不明白为什么我的导航在IE9中与右侧有一个丑陋的差距它在FF和Chrome中看起来很好，完全符合我的要求，即边距与左侧徽标前的边距相同而JSFIDLE是这显然是一件令人讨厌的事情。基本上，在HEADER DIV（在一个960px包装器DIV中）中，我有一个SITETITLE DIV，它包含向左浮动的徽标，还有一个NAV DIV，它包含向右浮动的导航。如果有助于解决您的问题，我可以粘贴一些代码替换为此 <div id="header" class="cl

我想我在这里可能有点傻，但我不明白为什么我的导航在IE9中与右侧有一个丑陋的差距

它在FF和Chrome中看起来很好，完全符合我的要求，即边距与左侧徽标前的边距相同

而JSFIDLE是

这显然是一件令人讨厌的事情。基本上，在HEADER DIV（在一个960px包装器DIV中）中，我有一个SITETITLE DIV，它包含向左浮动的徽标，还有一个NAV DIV，它包含向右浮动的导航。如果有助于解决您的问题，我可以粘贴一些代码

替换为此

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

谢谢-我尝试了这两种想法，但都没有成功。我不能在这里粘贴HTML或CSS，因为它超过了最大字符长度#nav{float:right；字体系列：'Droid Sans'，Verdana，Tahoma，Sans serif；文本对齐：居中；}nav ul{list style:none；边距：30px 30px 26px 20px；float:right；}nav ul li{背景：none！重要信息；显示：内联块；文本对齐：右；高度：自动；行高：25px；边距底部：0；边距：25px；位置：相对；}nav ul li a{color:#797777；display:block；字体大小：10px；padding top:0；文本转换：大写；}导航ul li a:hover{color:#111；}导航ul li a.current{color:#000；}请用html将它隐藏起来。我不明白我不知道什么是JSFIDLE-我会看一看然后马上回来-谢谢你的帮助patience@AndyAshwin打开JSFIDLE，然后在html部分复制html页面，在css部分复制css。。