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

Question

我会很短。
http://www.tuttoinunafesta.info
单击顶部菜单的第二个按钮（“Feste per bambini”）并查看出现在橙色条纹上的链接。

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

为什么？

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

即使两个 div 重叠，Firefox 似乎也无法将链接的图像重叠在按钮的图像上。

Answer 1

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

* { margin: 0; padding: 0; }

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