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