Problems with z-index on child element
===

I'm experimenting with jquery.scrolling-parallax.js for parallax backgrounds.

The background elements has z-index 333.

On all elements on the site i can make the backround be behind or in front of the elements by using z-indexes below or over this.

But i have problems with my header.

I have a header with fixed position and z-index 232 to have the backgrounds be seen over it.

However, in the header div i have two other divs containing logo and menu. These are position:relative and have z-index:999 since i dont want the background to be on top of them. But this does not work!

If i switch the whole header div to z-index over 333 it works fine, the background appears behind it. But i only want it to go behind those child divs!

Appreciate your help