Css firefox使用锚定标记进行奇数填充

我试图通过添加背景来制作achor标记按钮，虽然它在chrome和safari中看起来不错，但firefox 15.0.1似乎有一个bug

例如，显示文本甚至没有垂直居中。我甚至没有指定填充、宽度或高度，但我希望得到与chrome类似的结果。Firefox我看到底部有一个空格

有什么解决办法吗

铬21.0.1

Firefox15.0.1 简单修复：

您缺少

行高属性。它必须与
字体大小相同：

行高：34px

我更新了您的JSFIDLE:
这在浏览器中是不一致的。我建议你平衡间隔和填充。请参见此处的示例：


奇怪的是，将字体更改为诸如“Arial”之类的无衬线字体会有所帮助。
渲染将取决于浏览器使用的确切字体以及它们决定用于这些字体的确切上升和下降度量。请注意，您甚至没有告诉他们在您的小提琴中使用相同的字体系列

但即便如此，CSS2.1对这件事的看法是（来自）：

我怀疑您正在查看的浏览器实际上只是使用了内联内容区域的不同定义。
在Chrome和Firefox中看起来相同。在这两种浏览器中看起来相同。查看添加的图像。在firefox 15.0.1浏览器中不会出现这种情况。如果这有什么区别的话，我也在osx上。它使两个浏览器保持一致，但底部的空间仍然比顶部的空间大。我会把照片贴到Illustrati上我正在使用helvetica，这似乎是个问题
The height of the content area should be based on the font, but this
specification does not specify how. A UA may, e.g., use the em-box or
the maximum ascender and descender of the font.