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