Корректное использование z-index - Вопросы по CSS

Сайт на Joomla! 3.2.3, шаблон от YOOtheme Master 2
Нужно создать dropdown navbar такого вида
http://bit.ly/1n2gwtr
Получил такой вид используя стили
1. Плашка меню
2. Выпадающее меню ( z-index: -1; прячет под плашку)
3. Прячем контент под меню (z-index: -1000;)

Но проблема в том, что после этого выпадающий список перестает быть кликабельным?
Помогите разобраться.
Пациент:
http://teplosvit.bl.ee/

.brgnd-nav2 {z-index: 9;}
.uk-dropdown-navbar {z-index: 8;}
.ts-content {z-index: 7;}

alex38ann
Не работает (не прячется под плашку меню)

может не в тему, но если

может не в тему, но если

Код

.uk-dropdown-navbar {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #444444;
    margin-top: 12px; --- опустить
    z-index: -2; отрицательное значение - все получается, только прячет не только под меню, но и под основной блок
}

В том то и вопрос, что прячет под последующие дивы, но если и им присвоить отрицательное значение, то ложится поверх, при этом внизу все становится некликабельно

darkghost
Спасибо, разобрался, (помогло опустить навбар), обошелся без z-index

Тему можно закрыть