z-index и отрицательный margin

[cronopio]

Привет всем

Пытаюсь первый блок разместить поверх второго.

Объясните плиз, почему в данном случае не работает 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>

[klierik]

а если так:

#one
 {
 background-color:Green;
 width:600px;
 height:100px;
 position:relative;
 z-index:2;
 }

 #two
 {
 background-color:Red;
 width:500px;
 height:100px;
 margin-top:-50px;
 position:relative;
 z-index:1;
 }

[cronopio]

Ой, что-то я ступила Пробовала ведь с relative, но видимо что-то где-то упустила. Пасиб огромное - работает ))

[klierik]

u welcome