css - CSS Drop Down Menu Not Working In ie8 Drop Down Vanishes

Question

I am working on the website http://www.oneluckymutt.com/ and the drop downs appear when I hover over them and then disappear when I go to click on the submenu below. The drop downs work in Chrome, FireFox, Safari but not ie8. Any help would be appreciated! Thanks!

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