html - anchor 标记中的垂直对齐文本在Internet Explorer中不起作用

我试图使用“ A”锚标签制作一个简单的帮助按钮。事实是，它可以在Firefox，Chrome，OP，Safari上完美运行。现在，当我在Internet Explorer 10上尝试使用时，文本在中间没有正确对齐。到目前为止，这是我所做的：

的HTML

<a id="help-btn"><span>?</span></a>

的CSS

#help-btn {
    display: table;
    margin-left: auto;
    margin-right: auto;
    border: solid 5px #2F2F2F;

    width: 10em;
    height: 10em;
    text-align:center;

    background: #c100ff;
    text-decoration: none;
    vertical-align: middle;
}

#help-btn span {
    color: #22002D;
    font: 10em "bauhaus 93";
    text-shadow: 0px 0px 5px #fff;
    line-height: 100%;

}

这是一个jsfiddle示例。任何帮助，将不胜感激...

最佳答案

因此，经过3个小时的深入研究，我终于找到了解决方案，听起来可能很愚蠢，但是字体“ bauhaus 93”增加了额外的空间。它可以在除IE之外的所有浏览器上正确呈现（这令人震惊）。所以我不得不将其更改为另一种字体，现在它可以完美工作了。因此，如果有人遇到相同的问题，请检查您使用的字体。