Javascript-форум - не работает z-index

Javascript-форум (https://javascript.ru/forum/)

- (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)

- - не работает z-index (https://javascript.ru/forum/xhtml-html-css/3767-ne-rabotaet-z-index.html)

не работает z-index

Привет всем :)
Пытаюсь первый блок разместить поверх второго.
Объясните плиз, почему в данном случае не работает z-index? особенности отрицательного маржина или я что-то не то делаю?

Код:

css:



#one

{

background-color:Green;

width:600px;

height:100px;

z-index:1;

}



#two

{

background-color:Red;

width:500px;

height:100px;

margin-top:-50px;

z-index:0;

}





html:



<div id="one">ONE</div>

<div id="two">TWO</div>

вопрос решился относительным позиционированием (position:relative у обоих блоков)