div上的负顶部和重叠的图像

Question

我会做空 http://www.tuttoinunafesta.info
单击顶部菜单的第二个按钮（“每个bambini的Feste”），然后查看橙色条纹上显示的链接。

在IE10和Chrome中，它们应该是垂直位于条纹的中心，因为图像是42px（容器div的相同div）。 在Firefox中，它们应该低于它们应该的位置。

为什么？

菜单顶部按钮的容器div与彩色条纹的容器div重叠（在本例中为橙色的容器div）。 底部div具有以下属性：
{position:relative; top:-2px;}.

即使两个div重叠，Firefox似乎也不能重叠链接图像上的链接图像。

Answer 1

您是否使用过css重置？浏览器默认添加填充和边距，但问题是，它们都是不同的。可以使用以下代码完成简单的css重置：

* { margin: 0; padding: 0; }

网络上有更深入的内容 - 这是最常用的内容之一 - http://meyerweb.com/eric/tools/css/reset/。