填充出现在Chrome浏览器只

Question

我看到出现在我的网站上的一些空白：http://goo.gl/hTyrj

它仅出现在使用Chrome浏览器不是Firefox和IE浏览器。尝试在各种浏览器（包括Chrome）中打开链接，您将会明白问题所在。

我试图检查铬中的元素。但我无法识别它是什么。

任何人都可以请指导我。无论是CSS还是头部区域的脚本都有问题？

UPDATE：请参见下面的图片：

反转片：

FIREFOX：

Answer 1

我也看到您的网站之间的Chrome和IE10的区别。

检查结束后，我可以看到，由于某种原因，这个片段会导致一些问题：

#nav-container { 
    margin-bottom: 3em; 
} 

得远一点，我可以看到这个片段：

#nav-container { 
    border: 1px solid #d9d9d9; 
    border-width: 1px; 
    background: #fff; 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); 
    background: -webkit-linear-gradient(#ffffff, #f5f5f5); 
    background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%); 
    background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%); 
    margin: 0 0 1em 0; 
} 

设置下边距这两个片段为0，结果将如预期！