3 Column Layout Test II /

by asdf

HTML

<div id="container3">
    <div id="container2">
        <div id="container1">
            sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd 
            <div id="col1">
            sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd 
            </div>
            <div id="col2">
            sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd sgdfgdfgdfgd 
            </div>
        </div>
    </div>
</div>

CSS

#container1{
    background:green;
    position:relative;
    left:20%;
}
#container2{
    background:red;
    position:relative;
    left:20%;
}
#container3{
    background:yellow;
}
#col1{
    width:20%;
    position:relative;
    left:-40%;
}
#col2{
    width:20%;
    position:relative;
    left:-20%;
}