css - IE 10 とブロックとしてのリンク - これを機能させることができません

Question

私は、 Firefox と Chrome では完全に動作しますが、IE10 では動作しないドロップダウン メニューを備えた Web サイト ( http://www.interactstaging.net/clients/tozzi/ ) を持っています。

メニュー部分の 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;
}