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 */ 
}