Html firefox中按钮中的图像未对齐

我正在尝试将一些div转换为按钮。它们在ie和chrome上运行良好，但在firefox上，即使我将图像和div设置为相同的大小，图像仍然比div大。图像也不会像在其他浏览器中那样触摸div的左边框。我尝试设置一个浏览器特定的css规则，但似乎没有任何影响。有人知道我怎么解决这个问题吗？顺便说一下，我现在只把第一个div转换成了一个按钮

我遇到问题的页面是hear（按钮位于页面底部附近，标题为“恐惧/恐惧”）：

---

首先，您需要认真地发布

code

…

将证明问题的最小值放到小提琴上。可能会得到一些帮助我知道这并不能直接回答您的问题，但从语义的角度来看，使用

标记而不是

按钮
标记更合适。谢谢。我一开始并没有这样做，因为我确信我以前在学校这样做的时候是行不通的。虽然现在看来是这样。谢谢。你能用背景图片吗？更好的是，CSS精灵？那么，您想要使用哪种类型的元素（DIV、BUTTON、A等）就无关紧要了，只要您可以给元素一个
display:inline block
或
display:block
属性。调整背景图像（x，y）的位置应该很简单。要将文本移离背景图像（如果存在视觉碰撞），请使用
text indent
调整背景图像和文本之间的距离。显然，如果你只是想让整个背景成为一个图像，你不必担心
文本缩进
。在我的FireFox（19.0）版本中，这个按钮和所有按钮看起来都很好。
button.graphic {
    padding: 0,
    margin: 0,
    boder: 0
}