CSS - z-index не работает должным образом

Я использую z-index на своей странице (-ссылка больше не нужна-), и он работает некорректно: он не ставит одни div над всеми остальными ...

Вы можете увидеть это сами, щелкнув один из элементов на левой или правой панели. Затем маска исчезнет, ​​но под ней появится окно сообщения. Я много пробовал, но я просто не могу показать окно сообщения над всеми остальными ...

Что я могу сделать, чтобы это исправить? [примечание: второй вопрос ниже!]

Если вы не хотите проверять страницу, окно сообщения находится в некоторых других div:

<div>
 <div>
  <div>message box</div>
 </div>
</div>

Позиционирование CSS выглядит следующим образом:

.window {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100;
}

Я использую position: fixed, потому что position: absolute здесь не является абсолютным, div не выровнен по телу, но как-то еще. Есть ли способ снова сбросить позиционирование и абсолютное положение?