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

看來，火狐有一些問題想居中文本時在div不是很高。 （我不知道爲什麼）。在這個特定的情況下：font-family：Tahoma; font-size：11px;在div必須是23像素或更多，如果我們希望它很好地集中在div

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

Answer 2

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