z-index nie działą

Witam.

Chciałbym ustawić w taki sposób kontenery aby jeden był pod drugim. Za pomocą argumentu z-index. Jednak cały czas element który chcę aby był pod spodem jest nad obiektem. Mój kod wygląda tak:

div#top_zdjecie {
		position: absolute;
		top: 0px;
		bottom: 102px;
		left: 7px;
		right: 13px;
        background-color: blue;
        z-index: 0;
}

div#top {
		position: relative; 
        height: 281px;
        width: 850px;
        background: url("logo.png");
        background-repeat:no-repeat;
        background-color: transparent;
        z-index: 1;
}

<div id="top"><div id="top_zdjecie"></div></div>

http://stackoverflow.com/questions/7962195/negative-z-index-element-appears-above-background-of-containing-element
nie możesz schować dziecka pod rodzicem, innymi słowy z-index rodzica mniejszy od z-index dziecka będzie ignorowany.
wystarczy, że zrobisz

<div id="top"></div><div id="top_zdjecie"></div>