Html CSS线高度垂直中心IE9+；

我在整个页面中有几个元素，它们使用行高将单行文本垂直居中放置在固定高度的容器中。这在其他浏览器中运行良好，但在IE中，文本似乎高于正常值

通过使用IE的仿真，我发现它在IE8中可以正常工作，但是上面的所有内容都是偏移的。我错过什么了吗

例如

#按钮{
显示：内联块；
高度：50px；
线高：50px；
}    

我觉得不错吧？在头部添加这个标签有时有助于IE表现得像其他浏览器一样：更新了小提琴：似乎与font@user500665查看JS.Fiddle时，忘记在导入url（）处添加；但即使我这样做了，在IE9和IE10中对我来说仍然很好。您可以看到，以前没有使用过JSFIDLE，因此可能我在那里做得不对，但我在外部资源下添加了以下内容：

#button {
  display:inline-block;
  height:50px;
  line-height:50px;
}    
<a href="#" id="button">My Text</a>