Css Chrome（但不是Firefox）存在奇怪的填充问题

该问题可在frontpage上看到。Chrome在

#主容器的下部添加了一点填充物，我似乎找不到添加的位置和原因。它是一个自定义页面模板，其他许多模板也是如此，但其他的似乎都很好。
页脚框的上边距为20px，这是有意的-这应该是frontpage主内容和页脚之间的唯一边距

我在头版的#主容器中添加了灰色背景，使其更加稳定

我已经在这个网站上玩了一段时间，找不到正确的解决方案。我制作了一张演示图片，展示了这个问题。您可以在这里看到图片：

有谁能给我指出正确的方向，告诉我为什么会发生这种情况，以及如何解决它

You can see the site live at:
www.uber.fi
U: xxx
PW: xxx

是否可以帮助您？
删除
#主容器
末尾的空白。这就是问题的根源

我正在准备答案。问题是，这个空白实际上包含一个unicode BOM序列，这显然导致Chrome无法将其折叠。我将相关文件编码更改为UTF-8，但没有BOM，似乎已修复！我自己从来没有发现过，所以我真诚的感谢！有趣的是，几天前我遇到了一个类似的问题。显然，您唯一想使用BOM表的地方是您从中包含的主文档，而不是任何
include
d文件。对我来说，问题是我在doctype之前包含了3个文件，它们都被编码为UTF-8，带有一个BOM，这使得浏览器进入了怪癖模式。从包含的文件中删除BOM表修复了它。幸好有十六进制编辑器。：-）我看到你在原来的帖子里修改了密码。请注意，它们在中仍然可见，因此如果您不希望人们再访问您的站点，则必须更改服务器的密码。