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

Здравствуйте.

На сайте http://crimson-land.ru/ имеется два "меню" (боковое черное и верхнее красное). Красное отображается поверх черного, но поменять их местами с помощью z-index не удается (для красного он задан 900).

Для черного меня (в свернутом положении, как на скриншоте ниже - это класс "tm-sidebar-fixed tm-sidebar-togglebar") данный параметр не работает (либо применен мною неверно). Хотя для развернутого (класс "tm-sidebar uk-visible-large") - действует.




Что можно предпринять в данном случае?

Спасибо.

z-index работает только для блоков, которым явно указано позиционирование. Попробуйте для левого свернутого меню указать position:relative

Попробуйте для левого свернутого меню указать position:relative

К сожалению, в этом случае свернутое левое меню перестает отображаться.

Как альтернативный вариант - пытался загналть оба левых меню (свернутое и развернутое) под красное верхнее меню.

Еще для красного меню можно применить left: 50px; (или margin-left: 50px;), но во время анимации (раскрытия меню) все равно выглядит нелепо.

Можно просто верхнее меню вправо сдвинуть
.uk-float-left {
    position: fixed;
    right: 0px;
    left: 50px;

Да, такой вариант рассматривался, но во время анимации (раскрытия левого черного меню), по прежнему происходит нелепое наложение:

такой вид как на картинке всего секунду пока меню раскрывается а потом все нормально, сейчас посмотрел в Chrome и мозиле

На данный момент полоса пропадает при раскрытии меню. А при применении left: 50px; она будет появляться и пропадать. Такое двойное действие будет еще больше привлекать внимания

Тогда надо верстку править а не CSS, через CSS помоему это не получиться сделать