css - ドロップダウン CSS メニューの破損

Question

疑似 :hover タグを使用したドロップダウン付きの CSS メニューがありますが、何らかの理由で、マウスをラッパー/ボディの上に移動するたびに壊れ続けます (ul の外にあるかのように動作します)。z-index を使用してみましたが、それも修正されませんでした。ヘルプ！

「メニュー」ボタンの上にマウスを置きます。

live.bluefantail.com/demo.php

Answer 1

z-indexにを追加#content:

#content {
  z-index: 5;
}

Answer 2

申し訳ありませんが、私はあなたの問題を理解していませんでしたが、それらはあなたのサイトのもう 1 つの問題です。ブラウザーのサイズを変更すると、フッターがコンテンツの上を移動します。