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/。