请查看上面的 html 和 css 按钮。
在这些浏览器上，用于显示按钮右侧部分的跨度向下移动 1px。在 Firefox 上按预期正常工作。
Windows：IE8、Opera、Safari Mac：FF、Safari、Opera、Chrome
更新 1] 即使在 Firefox 11.0 窗口中随机更改窗口高度时，也可以看到该错误。
要重现它，请转到上面提到的 jsfiddle 链接并尝试调整结果框架的大小。您可能会看到跨度闪烁... [编辑 2：实际上，当我注意到按钮的右侧，之前我认为它在 Firefox 中运行良好。]
我还尝试了一个全内联元素示例。 http://jsfiddle.net/sbWCD/
PS 这个简单的图像只是一些更复杂设计的占位符，我不是在寻找 CSS3 解决方案..
Your code is way too complicated for what you want to achieve. Here's a cleaned up version http://jsfiddle.net/KKL5G/4/ It should work cross-browser.
Using border-radius, it's easy to make boxes with rounded corners and there is no need for a background-image.
嗯，我调整了的垂直填充，使总高度达到 32px，并将 span.l 上的 line-height 更改为 33px，在带有 span 的示例中，它现在似乎在 firefox 和 safari 中工作。
工作，但仍然不知道是什么导致了问题。