Pink and green layout are parent layout. When gray layout is clicked blue layout will be created. I want blue layout overlay the parent layout (pink and green) and comes to top. 

But the blue layout is overlay by pink layout. I need help on it.

```css
div{
    display:block;
}
#content{
    height:400px;
    width:100%;
    background-color:green;     
}
.center{
    width:100px;
    height:100px;
    background-color:#808080;         
    text-align: center;
    margin:auto;
}      
#foo{
    background-color:#2060ff;
    border: 1px solid #000;
    width:50px;
    height:50px;
}
```

```html
<div id="content">    
    <div id="d" class="center">    
        <div class="center">
            Click here to create new blue element
        </div>      
    </div>       
    <div style="background-color:pink;width:100%;height:20px;"></div>  
</div> 
```

Check [JSFiddle](http://jsfiddle.net/edisonthk/wbfTq/1/)