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

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

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

当我在Safari中查看这一点时，我得到了如下预期结果：

但在Firefox中，文本似乎被向上推：

我是否应该设置一些属性来实现前者

---

谢谢。

我真的不认为这能解决问题，但请尝试添加 -moz-in-ur-CSS 这就是对Firefox的支持

-莫兹边界半径

---

-WebKit-支持safari，因此我认为这应该适用于Firefox，我不确定，但请尝试设置

行高

，以匹配

div的高度。另外，请创建一个提琴。线高度*而不是林高度。如果不起作用，请尝试文本装饰：无；如果我把它放在Firefox21和Chrome26的网页上，看起来还可以。也许其他CSS规则在这里起了干扰作用？您使用的是哪一版本的Firefox？无论是
行高
还是
文本装饰
似乎都不起作用，我使用的是Firefox 21。
.questbounty
本身就在一个
.questInfo
中，我将为上面添加CSS。据我所知，这实际上是从Firefox 13.0开始删除的，Firefox现在只响应边界半径。为向后兼容添加前缀是常见的做法吗？哦！我不知道那件事。我还没有真正尝试过tht，因为通常我在制作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;
}