Html 简单菜单在chrome中工作，在IE中失败

简单的CSS/html菜单，如图所示：

<div class="nav-container">
            <div id="corp-crumb">
                <ul class="vertlist" id="ulTop">
                    <li class="crumblink submenu"><a id="homeLink" href="#home" title="Home" class="crumblink">Home</a>
                    </li>
                    <li class="crumblink submenu"><a id="activitiesLink" href="#activities" title="Activities" class="crumblink">Activities</a>
                        <ul>
                            <li><a href="#" title="Issues">Issues</a></li>
                            <li><a href="#" title="Meetings">Meetings</a></li>
                        </ul>
                    </li>
                    <li class="crumblink submenu"><a id="a1" href="#marketing" title="Marketing" class="crumblink">Marketing</a>
                        <ul>
                            <li><a href="#" title="Corporate Groups">Corporate Groups</a></li>
                            <li><a href="#" title="Companies">Companies</a></li>
                            <li><a href="#" title="Contacts">Contacts</a></li>
                        </ul>
                    </li>
                     <li class="crumblink submenu"><a id="a2" href="#operations" title="Operations" class="crumblink">Operations</a>
                        <ul>
                            <li><a href="#" title="Programs">Programs</a></li>
                            <li><a href="#" title="Projects">Projects</a></li>
                            <li><a href="#" title="Sub Projects">Sub Projects</a></li>
                        </ul>
                    </li>
                    <li class="crumblink submenu"><a id="reportsLink" href="#reports" title="Reports" class="crumblink">Reports</a>
                    </li>
                </ul>
            </div> 
        </div>

当我将鼠标悬停在

li

项上时，我会看到

ul

项的子菜单。在chrome中，列表功能正常，如果我将鼠标悬停在li上，它将保持打开状态以选择子菜单。然而，在IE中，当我将鼠标悬停在它上面，然后尝试转到

ul

子项菜单时，它很快就会消失

这是我的JSFIDLE：

---

使用IE9和IE10进行测试。

我认为您需要缩小导航和下拉列表之间的差距

将

top:-3px

添加到

div#corp crump ul li ul

应该可以解决这个问题

编辑：

---

如果您想保持空间，请使用类似于

边框顶部：3px solid#FFF；顶部：-2px
目前我正在研究IE10，但即使我将其置于兼容模式，它仍然失败。值得一提的是，你的小提琴菜单在Firefox中也不起作用。所以这不是IE特有的问题。还有，所有的
*+html
和
*html
选择器是怎么回事？？如果我没记错的话，这是一个IE6/7黑客攻击，如果你真的需要它，这是很公平的，但是它在媒体查询中，IE6/7无论如何都不支持，所以它们永远不会被使用。对不起，我以为我找到了一个解决方案，不需要在子菜单的
中添加边框顶部，但是要想通过2000多行CSS太难了。如果你能更新你的提琴，使其只包含相关的CSS，我可能会再试试。这个间隙可能是预期外观的一部分。@jingtao:但是这个间隙是问题的原因。你不能有一个空白，因为它会打破悬停。这可能是一个很好的修复方法，奇怪的是chrome是如何工作的。更新答案，在下拉列表中添加一个边框将保持空白，并保持悬停处于活动状态。