css - CSS ドロップダウン メニュー - ホバーしても変化しない

Question

CSS ドロップダウン メニューに問題があります。>.<

一番下のメニューの「通知」をタブに変えて、その上にカーソルを置いたときのナビゲーションメニューと同じようにドロップダウンに接続したい。今は灰色の楕円形のままです。どんな助けでも大歓迎です！

ここにフィドルがあります http://jsfiddle.net/gLPBP/

Answer 1

チェックアウト。http://jsfiddle.net/gLPBP/2/

追加した

#notifications:hover {
 border-bottom-left-radius:0;
 border-bottom-right-radius:0;    
}

Answer 2

CSS でスペースを削除します。

#notifications :hover

する必要があります

#notifications:hover