fiddley навигация - неупорядоченный список в неупорядоченный список и цвета фона

Question

я работаю на навигации, которые можно увидеть здесь: http://jsfiddle.net/ybvF4/

Я уверен, что это против политики, чтобы задать два вопроса в одном, но мой страх, что если я это сделаю, решения могут не работать вместе.

Две вещи, которые я хотел бы достичь являются:

1. когда выпадающее меню наведен Я хотел элементы строки заголовка («в своем роде» и «мелиорированных дерево»), чтобы иметь зеленым фоном, как сейчас, но это заполняется до высоты сплошного контура, который окружает навигацию.
2. При наведении курсора я хотел бы, чтобы текст в элементах списка элементов заголовка был белым, не теряя эффекта текущего состояния цветного цветного цвета элементов подписок в списке.

Я надеюсь, что я ясно дал понять, что это довольно сложно описать в тексте, пожалуйста, см jsfiddle ссылку

спасибо за любую помощь

Answer 1

когда выпадающее меню парил я бы («sui generis» и «reclaimed wood»), чтобы иметь зеленый фон, так как они делают сейчас, но это заполняет до высоты сплошной контур, что окружает навигацию.

Удалить это:

nav .navigation { 
    padding-bottom: 5px; 
    padding-top: 5px; 
} 

Затем на .navigation li a, добавьте display: block, чтобы позволить padding: 5px; работать, как ожидалось.

http://jsfiddle.net/thirtydot/ybvF4/1/

Когда парил я хотел бы текст в элементах списка названий элементов, чтобы быть белыми, не теряя при этом эффекте текущего серого цвета парения состояния элементов подменят строки в списке ,

Добавить это:

.navigation > li:hover > a { 
    color: #fff; 
} 

http://jsfiddle.net/thirtydot/ybvF4/3/

Конечно, то пункты меню, которые не имеют подменю имеют белый фон и белый текст на парении. Я предполагаю, что это преднамеренно из-за последнего правила в вашем CSS.