混淆Firefox CSS问题

刚刚注意到firefox中的页面呈现出现了一个奇怪的问题，并想知道是否有人能明显地看到这个问题

我很抱歉，这是一个有点针头在干草堆的情况下，但我所得到的是该网站的网址和css给你

css在这里

如果你在chrome、safari、opera中加载，这很好，但是firefox会将中间的内容框渲染到屏幕的一半！如果您在不同的浏览器中查看，您将看到它的显示方式，然后在firefox中查看，您将注意到差异

因此，如果您能就这件事提供任何信息，我们将不胜感激

进度更新：

---

在CSS的第489行，我发现了一个流浪汉“在结束之前}。一旦我删除了它，样式就正确地应用了，但是我的ul.homepage的位置仍然在屏幕外。

试着省略styles.css中第482行的

溢出：隐藏的
。。。我不知道为什么，但它看起来好了一点…
仍然无法理解为什么firefox将div 960px额外渲染到右侧，但是我暂时应用了此修复

@-moz-document url-prefix() { div.homepage {left:-960px;}}

这将抵消仅在firefox中额外添加的960px
并在文章中包含相关代码。链接处的源代码可能会更改，这会导致此问题对未来的访问者无效。可能需要修复W3验证程序发现的所有错误：
#主要内容
为什么具有
最小高度：100px
，而直接子项的
主页
具有
最小高度：500px
？这是可以优化的。你似乎有一个更大的CSS问题。在IE9（具有良好的CSS支持）中打开您的页面，您会注意到第一个和第三个框存在表示问题（与Firefox中的问题类似）。@RobW抱歉，我不知道相关代码是什么，因为我不知道问题出在哪里。@j08691-所有与此完全无关的错误。@Sime Vidas不知道，不同的日子，不同的代码，现在改变了。@又是Sime Vidas-我的IE坏了，所以我会尝试修复它，看看你的意思。@我以为这个地方是为了帮助别人而不是提升自我——我总是对正确的答案说谢谢。谢谢你半有用的回答！firefox是否有可能只呈现可见的内容？所以我应该在页面加载后应用overflow:hidden？我个人不喜欢用JavaScript做这样的工作，因为这样会丢失概览。我怀疑这是否会有帮助，但我也不清楚，浏览器有时似乎是不可预测的，最好的方法是尝试一切。Firebug在这方面帮了你很多。