Question

I would like this layout to look as follows:

__________________________
|  |                      |
|  ------------------------
|__|______________________|

That is how I want the header to look. However, as you can see at the below link, the two div’s on the right side are dropping off:
http://jsfiddle.net/A5YDJ/3/

Any ideas?

Answer 1

You forgot to add float:left to the #left-box

#left-box{
 width:190px;
 height:90px;
 background-color:blue; 
 float:left;
}

Have a look at this: http://jsfiddle.net/puCrJ/