Помогите разобраться с z-index

[mr.Dassler]

Есть например три блока,блок #three перекрывает блок #two хотя у блока #two значения z-index: 15; выше чем у #three.Объясните пожалуйста какое тут правило играет роль и почему так??

#one{

position: absolute;

left: 0px;

top: 20px;

z-index: 10;

width:110px;

height:80px;

background:orange;

}

#two{

position: absolute;

left: 50px;

top: 30px;

z-index: 15;

width:110px;

height:80px;

background:green;

}

#three{

position: absolute;

left: 100px;

top: 30px;

z-index: 12;

width:110px;

height:70px;

background:blue;

}

<div id="one"> one one one one

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

</div>

<div id="three">three three three</div>

[hedgehog]

наверное, потому, что синий блок лежит поверх родителя зеленого блока