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

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;
}