two div on top of each other

by Annett

HTML

<div id="box_1"></div>
<div id="box_2"></div>
<div id="box_3"></div>

<div id='container'>
    <div id='num1'></div>
    <div id='num2'></div>
</div>

CSS

#box_1 { 

width: 200px;
height: 100px;
background: red;
}

#box_2 { 
    position: static;
top: 0;  
width: 200px;
height: 200px;
background: green;
}

#box_3 { 
postion: relative;
    top: 50px;
width: 200px;
height: 200px;
background: blue;
}


#container { position: relative; }
#num1, #num2 { position: absolute; left: 50px; }
/* num2 will be on top of num1 */
#num1 { z-index: 1; }
#num2 { z-index: 2; }