Div с абсолютным положением за нормальным потоком

Я пытаюсь получить 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;
}

Ответы

Ответ 1

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