css - メニューはフッターを押しのけます

Question

ドロップダウン メニューに問題があります。ホバーすると、フッターが押しのけられ、ページ全体をスクロールできる奇妙な効果が生まれます。(これは、ドロップダウンがフッターに到達した場合のみです) max-height などの多くのことを試しましたが、うまくいきません。

ウェブサイト: {固定}

「Zippo」メニュー項目にカーソルを合わせると、気紛れなものが表示されます。

どうすればこれを修正できますか?

ありがとう！ウーター0100

Answer 1

から次のクラスを変更します。

#nav li ul {
margin: 0px;
padding: 0px;
display: none;
}

に

#nav li ul {
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 24px;
    z-index: 100;
}

Answer 2

メニュー ナビゲーションの高さのため、フッター ドロップ ダウン

これを克服するには、メニューを配置して通常の Dom から引き出す必要があります

#menu {position: relative;}
#nav {z-index: 100;position: absolute; }