差異文字的垂直對齊在瀏覽器之間的一個div

Question

我有一個div在我的HTML如下：

<div class="questInfo"> 
    <div class="questBounty">100</div> 
</div> 

和CSS：

.questInfo { 
    background-color: #fcfcfb; 
    padding: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    position: relative; 
} 

.questBounty { 
    position: absolute; 
    right: 10px; 
    font-family: 'Helvetica'; 
    font-weight: bold; 
    background-color: #ffedcc; 
    font-size: 40px; 
    padding: 15px; 
    -webkit-border-radius: 15px; 
    border-radius: 15px; 
    border: 1px solid #808080; 
} 

當我在Safari瀏覽，我得到下面，我打算：

但在Firefox，文本顯示s到被推高：

有一些屬性，我應該已經建立，實現前者？

A fiddle.

感謝。

Answer 1

我真的不認爲這可以解決，但嘗試添加 -moz-在烏拉圭回合CSS 這對Firefox的

-moz-邊界半徑

-webkit支持 - 給予支持Safari瀏覽器，所以我認爲這應該給火狐