Html 移动到它时出现下拉列表（导航ie）（纯CSS）

我正在开发一个菜单，除了ie，它在所有浏览器中都能正常工作。 有些事情有点奇怪，而且做得很快，但除了ie之外，它工作得很好。 当移动到底部栏时，在您到达底部栏之前，它会将“显示”下拉回“无”。 我的li和ul都处于打开状态：悬停显示：block；，但我不知道如何解决这个问题

我已将导航置于小提琴上：

到目前为止，我所尝试的一切都不起作用。我现在不知道为什么。也许你们可以放一盏灯在上面

CSS:

HTML:

嗨，请删除最后一个子AV div

换一个，试试这个

#navtest li ul {
background: none repeat scroll 0 0 #000;
display: none;
left: 0;
margin: 0;
padding: 20px;
position: absolute;
top: 67px;
width: 520px;
z-index: 100;

---

}

这仍然会导致internet explorer中出现下拉列表。此外，subnav div用于背景和将进入其中的搜索框，因此删除它不是可选的。

<nav id="nav">
    <ul id="navtest">
        <li> <a href="#">News</a>

                <ul>
                    <li>    <a href="#">Latest</a>

                    </li>
                    <li>    <a href="#">Archive</a>

                    </li>
                </ul>
        </li>
        <li> <a href="#">Tournaments</a>
                <ul>
                    <li>    <a href="#">DSCL</a>

                    </li>
                    <li>    <a href="#">Starcraft 2</a>

                    </li>
                    <li>    <a href="#">League of Legends</a>

                    </li>
                </ul>
        </li>
        <li> <a href="#">Media</a>

                <ul>
                    <li>    <a href="#">Photo's</a>

                    </li>
                    <li>    <a href="#">Video's</a>

                    </li>
                    <li>    <a href="#">Extra</a>

                    </li>
                </ul>
        </li>
        <li> <a href="#">Partners</a>

                <ul>
                    <li>    <a href="#">DSCL</a>

                    </li>
                    <li>    <a href="#">Knights</a>

                    </li>
                </ul>
        </li>
        <li> <a href="#">About Us</a>

        </li>
        <li> <a href="#">Contact</a>

        </li>
    </ul>
</nav>
<div class="subnav"></div>

#navtest li ul {
background: none repeat scroll 0 0 #000;
display: none;
left: 0;
margin: 0;
padding: 20px;
position: absolute;
top: 67px;
width: 520px;
z-index: 100;