CSS line-height垂直中心IE9 +

Question

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

使用IE的仿真我发现它在IE8中按预期工作，但是文本之上的所有内容都是偏移的。我错过了什么吗？

例如

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