div с абсолютной позицией за нормальным потоком

Question

Я пытаюсь сделать div своим прошлым и использую абсолютное позиционирование для его достижения. все работает нормально, за исключением того факта, что в обычном потоке он оказывается выше всего, а возиться с z-индексами абсолютно ничего не делает.

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

и это 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

Добавьте position:relative; к классам #blindcontainer и #blindclosecontainer.