div avec la position absolue derrière le flux normal

Question

J'essaie d'obtenir un div pour être mon fond et j'utilise le positionnement absolu pour y parvenir. tout fonctionne bien, sauf le fait qu'il apparaît au-dessus de tout ce qui est dans le flux normal et le fait de jouer avec les index z ne fait absolument rien.

<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> 

et c'est le 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

Ajouter position:relative; aux classes #blindcontainer et #blindclosecontainer.