css - Firefox 中的垂直居中

Question

我有一个非常简单的按钮。当您在 Safari 或 Chrome 中看到该文本时，该文本垂直居中显示为正方形。但是在 Firefox 中，文本不是垂直居中的（它向下看）如何解决这个问题？

http://jsfiddle.net/yyL5T/5/

HTML：

<div class="buy">mmmmm</div>

CSS：

body {
  font-family:Tahoma;
  color:#fff; 
  font-size:11px; 
  letter-spacing:1px;
}

.buy {
  position:absolute;
  width: 70px;
  height: 20px;
  line-height:20px;
  top:50px;
  left:50px;
  text-align:center;
  background-color:#bbb;
}

Answer 1

.comprar {
    position:absolute;
    top:50px;
    left:50px;
    text-align:center;
    background-color:#bbb;
    padding: 5px 10px;
}

Answer 2

当 div 不是很高时，Firefox 似乎有一些问题使文本居中。（我不知道为什么）。在这种特定情况下： font-family: Tahoma; 字体大小：11px；如果我们希望它在 div 中很好地居中，则 div 需要为 23px 或更大

.buy {
  position:absolute;
  width: 70px;
  height: 25px; /* this is what changes */
  line-height:25px; /* this is what changes */
  top:50px;
  left:50px;
  text-align:center;
  background-color:#bbb;
}

在这里玩：http: //jsfiddle.net/yyL5T/8/