CSS下拉菜单不工作ie8下拉消失

Question

我在网站http://www.oneluckymutt.com/上工作，当我将鼠标悬停在它们上方时会出现下拉菜单，然后当我点击下面的子菜单时消失。下拉菜单适用于Chrome，FireFox，Safari，但不适用于ie8。任何帮助，将不胜感激！谢谢！

Answer 1

只有当用户将鼠标悬停在顶级列表项上时，才会显示您的下拉列表。 Internet Explorer中发生的事情是li.top_level和ul.submenu之间有一个小空间。当用户在这个小空间上盘旋时，它们不再悬停在li.top_level上，并且ul消失。

尝试重叠li.top_level和ul.submenu以解决此问题。

li.top_level {
    height: 33px; /* Set a maximum height */
}

.submenu {
    top: 30px; /* Define the top position of the submenu */
}