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