javascript - ページ リンクが原因でドロップダウン リンクが表示されないようにする方法

Question

このページ: http://www.theionclub.com/about/contact/

「About」メイン ナビゲーション メニューの選択項目にマウスを合わせると、ドロップダウンが表示されます。

ただし、ドロップダウンの最後の選択にマウスを合わせようとすると、左側のサイドバーの下にある最初のリンクのホバーがドロップダウンをキャンセルするように見え、ドロップダウンの最後のリンクをクリックできなくなります。

これが起こらないようにするにはどうすればよいですか?

Answer 1

.menu li ul{}セクションに追加z-index: 1;すると、問題が解決するはずです。

Answer 2

追加：

.menu li ul { z-index:1;}