Dropdown-Menü & abgerundete Ecken

Question

Eine kurze Abfrage zu abgerundeten Ecken in einem Dropdown-Menü.

Sie eine Probe hier sehen können: http://jsfiddle.net/tomperkins/C5mTf/

Die Frage bezieht sich auf die ‚Hilfe‘ Taste auf der rechten Seite. Ich habe für die Menüpunkte festgelegt, dass sie beim Hover quadratische untere Ecken haben sollen, was in Ordnung ist.

Das Problem ist, kann ich nicht die Schaltfläche "Hilfe" zu abgerundeten Ecken in den unteren Ecken bekommen?

Haben mich stumpted, jede Hilfe wirklich geschätzt.

Vielen Dank im Voraus,

Tom Perkins

Answer 1

Ihr Problem ist, diese Wähler:

#menu ul:hover #help 

Dies wählt ein beliebiges Element mit id="help" die ein Nachkomme eines ul wird schwebte ist. Da das Hilfemenü selbst ist, das ul, funktioniert das nicht.

Umschalten der Wähler stattdessen:

#menu ul#help:hover 

behebt das Problem. Sehen Sie es hier: http://jsfiddle.net/C5mTf/1