html - 不同浏览器的行高和字体大小？

Question

我正在尝试垂直对齐 div 中的数字。这是代码:

<div class="nb">2</div> 

display: inline-block;
height: 56px;
width: 56px;
background: transparent url("../img/stepnb.png") center center no-repeat;
line-height: 56px;
color: #255066;
text-shadow: 1px 1px 3px rgba(255,255,255,.75), -1px -1px 2px rgba(0,0,0,0.75);
font-size: 42px;
font-weight: bold;
margin-top: -25px;

注意:结果在 IE9 到 11 上是相同的

如您所见，它在不同的浏览器上并不是垂直居中的。您知道我如何在没有条件注释或 css hack 的情况下在所有主要浏览器上对齐它吗？

编辑:问题可能来自使用 css 重置，我会检查一下。

编辑 2:对齐问题来自分配给父 div 的“Myriad pro”字体。

Answer 1

对齐问题来自分配给父 div 的“Myriad pro”字体。

谢谢大家的帮助:)