CSS centred layer with three columns

This is the left column.

DIV.leftcol {
position: absolute;
top: 0px;
width: 100px;
height: 100%;
background-color: #333;
}

In CSS, no tables.

Take one div/layer and centre it. Then have a left hand column and a right hand column. Nice. Now make the centre column, two columns. Bells.

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

DIV.centrebox {
position:absolute;
left:50%;
top: 0px;
width: 600px;
height: 100%;
margin-left: -300px;
background-color: #336699;
}

DIV.maincol {
position: absolute;
top: 0px;
left: 100px;
width: 400px;
background-color: #0066cc;
}

This is the main left column.

DIV.mainleftcol {
position: absolute;
left: 0px;
width: 200px;
background-color: #666;
}

This is the main right column.

DIV.mainrightcol {
position: absolute;
left: 200px;
width: 200px;
background-color: #999;
}

This is the right column.

DIV.rightcol {
position: absolute;
top: 0px;
right: 0px;
width: 100px;
height: 100%;
background-color: #333;
}