Div поверх элементов навигации, как?

Добрый день!
Еще давно столкнулся с проблемой наложения элементов навигации на div, задачей которого быть поверх всего (со скриншота реализуемая задача будет понятна), но тогда решилось все костылем путем подбора размера div`a так чтобы при максимально распространенном разрешении он просто не доходил до этих элементов.
Но время шло и пришлось подключить гаджет для фиксирования шапки и вот что теперь имеется на экранах с низким разерешением (см. скрин)...
Кто знает как решить?

P.S. z-index не помогает...

Попробуй

Код:

position: relative;

тырк --> http://jsfiddle.net/R97Rv/

или (нарыл на просторах интернета)

Код:

<style>
#div1 { position:relative;}
#div2 { positon:absolute; top:...; left:..;} /* здесь задаются отступы слева сверху от родительского дива */
</style>
...
<div id="div1">
  <!-- этот див накрыть -->
  <div id="div2">
    <!-- этим накрыть -->
  </div>
</div>