浏览器之间div中文本的垂直对齐方式的差异

Question

我的html中有一个div，如下所示：

<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中，文字似乎被推高了：

我应该设置一些属性来实现前者吗？

A fiddle.

感谢。

Answer 1

我真的不认为这可以解决，但尝试添加 -moz-在你的CSS中 这是对Firefox的支持

-moz-边界半径

-WebKit - 已经支持safari所以我认为这应该适用于Firefox