css - サブメニュー項目を選択 (クリック) できない

Question

私は次のウェブサイトを持っています：

http://miraj.quranprojectreading.org/

私が直面している問題は、サブメニュー項目が選択できないことです。たとえば、「About Us」にカーソルを合わせると、サブメニュー項目をクリックできません。

どうすればこれを修正できますか？どんな助けでも大歓迎です。

ありがとう

Answer 1

メインメニューとサブメニューに隠れたギャップがあるからです。CSS を firebug で調べると、css に次のようなものがあります。

#access ul ul {
    background: none repeat scroll 0 0 rgba(143, 235, 251, 0.9);
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 24px;
    vertical-align: middle;
    width: 160px;
    z-index: 10;
}

今top:24px;はメインメニューから遠すぎます。- に変更します。

#access ul ul {
    background: none repeat scroll 0 0 rgba(143, 235, 251, 0.9);
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 20px;
    vertical-align: middle;
    width: 160px;
    z-index: 10;
}

サブメニューを選択できるようになりました。