Overlapping boxes

by karim79

HTML

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

CSS

#one {
    background: white;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 0;
    border: 1px solid #B0B0B0;
    width:200px;
    height: 200px;    
}

#two {
    background: white;    
    position: absolute;
    top: 24px;
    left: 16px;
    z-index: 1;
    border: 1px solid #B0B0B0;
    width:200px;
    height: 200px;   
}

#three {
    background: white;
    position: absolute;
    top: 28px;
    left: 12px; 
    z-index: 2;    
    border: 1px solid #B0B0B0;
    width:200px;
    height: 200px;   
}