Checkout this fiddle here: http://jsfiddle.net/PA5T5/1/
I've got a setup with 3 divs - 2 are floated whereas one is not. The two floating divs are positioned on top of the non-floating div. I'm wondering if this approach is correct or if it's supposed to work in this manner at all. It seems kind of unconventional - can you superimpose divs without resorting to absolute positioning like this?
#box1 {
float:left;
width:50%;
}
#box2 {
float:left;
width:50%;
}
#box3 {
width:100%;
height:300px;
background:red;
}