IE 10和链接作为一个块 - 无法让它工作

Question

我有一个网站（http://www.interactstaging.net/clients/tozzi/），带有下拉菜单，可以在Firefox和Chrome下完美运行，但不适用于IE10。

菜单部分的示例HTML代码如下所示：

<div class="navi"><a href="http://www.interactstaging.net/clients/tozzi/"><em class="hover"></em><span>Home</span></a></div>

和该部分的CSS：

.navi a span {
position: relative;
display: block;
padding: 0 7px;
line-height: 28px;
z-index: 100; 
height: 45px; }

为什么CSS不能在IE10下运行？

由于

Answer 1

试试这个CSS规则：

.sf-menu li {
    background-color: #fff;
}