填充仅出现在Chrome浏览器上

Question

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

它只出现在使用chrome浏览器而不是firefox和IE。尝试在各种浏览器（包括chrome）中打开链接，您将了解问题所在。

我尝试检查chrome中的元素。但我无法辨认它是什么。

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

更新：请参阅下面的图片：

反转片：

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;
}

将两个片段的margin-bottom设置为0，结果将如预期一样！