OS X 的 IE9 和 FF11 存在间距问题答案

【问题标题】：Having spacing issues with IE9 & FF11 for OS XOS X 的 IE9 和 FF11 存在间距问题
【发布时间】：2012-08-14 11:01:00
【问题描述】：

正在对我编写的设计进行一些测试，它在FF 13、Chrome 21、IE 7/8 和Opera 11.62 中运行良好，Windows 和Safari 5.1 中OS X。

我只有 WinXP，所以我不得不使用 Adbobe Browserlab 来测试 OS X 和 IE 9。

问题出在IE9 和FF 11 中，OS X 的导航似乎太宽了；但不是，我查过了。

网址是：http://www.condorstudios.com/stuff/temp/

刚刚尝试了以下更改，但这些浏览器仍然没有任何变化..

#header .nav ul {
    width: 992px; // New
    margin: 0px auto; // Changed to 0px margin, but is now centered to get the same effect
}

#header .nav li ul.sub {
    position: absolute;
    display: none;
    width: auto; // Needed to add so it didn't inherit width from above
    /*left: -1px;*/ // Removed
    top: 45px;
    z-index: 1000;
}

【问题讨论】：

尝试将.nav li { display: inline; } 添加到您的CSS。
试过了，但没用。但是谢谢，无论如何我都应该将它们作为内联哈哈
尝试为 sub ul 指定宽度。
@BillyMoat 我真的不能这样做，因为我不知道如果添加选项它们会是什么宽度。

标签： html css firefox xhtml internet-explorer-9

【解决方案1】：

修复它。似乎那些浏览器似乎不喜欢我在联系人按钮上的text-indent，所以删除..

#header .nav li.contact {
    text-indent: 1px;
}

现在可以了！

【讨论】：