Выпадающее меню, не могу закончить

[Dzvene]

Делаю выпадающее меню, почти все сделал, осталось по сути немного, и не могу закончить.

Вот код:

http://codepen.io/Dzvene/pen/klrCg

Не фиксируется бордер раздела меню, когда юзаешь подменю.

[Naive]

http://codepen.io/anon/pen/IzihF

[Dzvene]

Сообщение от Naive

http://codepen.io/anon/pen/IzihF

Спасибо.
А линию эту можно убрать как-то?

123.jpg

[Naive]

только если перекрыть белым

[Dzvene]

Сообщение от Naive

только если перекрыть белым

Я пытался, бордер нижний Делал белый, тогда все основные разделы меню, без нижнего бордера

[vasiatka]

А вы добавьте класс для меню с подпунктами, который уберет нижнюю границу только для них

[Naive]

Сообщение от vasiatka

А вы добавьте класс для меню с подпунктами, который уберет нижнбб границу только для них

Можно и так:
http://codepen.io/anon/pen/IzihF

[vasiatka]

Сообщение от Naive

Можно и так:
http://codepen.io/anon/pen/IzihF

Ой.

.menu li .drop + a{...}

Первый раз такое вижу. А можно пояснить этот "+"? Или можно ссылочку, где читать?

[Naive]

Сообщение от vasiatka

Ой.

.menu li .drop + a{...}

Первый раз такое вижу. А можно пояснить этот "+"? Или можно ссылочку, где читать?

родственный/соседний селектор (sibling selector), указывает на следующий элемент на одной ступени иерархии DOM-структуры, есть еще сиблинг-сет (~), указывает на все следующие элементы в рамках родителя. Описание есть где-то в недрах htmlbook.ru, ну и в спецификациях, конечно.

Позволяет делать много прикольных штук, модальное окно без js, к примеру.
http://jsfiddle.net/qMeRY/