div con posición absoluta detrás del flujo normal

Question

estoy tratando de obtener un div para que sea mi fondo y estoy usando el posicionamiento absoluto para lograrlo. todo funciona bien, excepto por el hecho de que aparece por encima de cualquier cosa en el flujo normal y jugar con los índices z no hace absolutamente nada.

<div id="blind"> 
    <div id="blindbackground"></div> 
    <div id="blindcontainer"> 
     <div class="loader"> 
      <img class='loader' src="/img/loader.gif"/> 
     </div> 
    </div> 
    <div id="blindclosecontainer"> 
     <img id='blindclose' src="/img/close.gif"/> 
    </div> 
</div> 

y este es el css:

#blind{ 
    position :absolute; 
    width:100%; 
    z-index: 2; 
    border-bottom: 1px silver solid; 
} 
#blindclosecontainer{ 
    text-align: right; 
} 

#blindbackground{ 
    position:absolute; 
    top:0; 
    width:100%; 
    height:100%; 
    background-color: white; 
    filter:alpha(opacity=60); 
    opacity:0.6; 
} 
#blindcontainer{ 
    margin:auto; 
    width:500px; 
    background-color: white; 
    padding:10px; 
} 

.loader{ 
    margin: auto; 
    width:18px; 
    margin-top:10px; 
    margin-bottom: 5px; 
} 

Answer 1

Añadir position:relative; a las clases #blindcontainer y #blindclosecontainer.