Div Boxen nebeneinander und untereinander

[FunkFlex]

Hi,
ich würde gerne bei einer homepage verschiedene boxen ausreichten.
Es sind 4 boxen, von denen 2 ganz oben nebeneinander sein sollen, also direkt aneinander anschliessen und die anderen 2 boxen schliessen direkt unterhalb der 2 boxen oben an und sollen genau wie diese auch nebeneinander stehen.
hier mein css code:

#mecklogo {

top: 0px;  
left:0px;  
height: 76px;  
width: 204px;  
background-color:#0F3;  
margin: 0 0 0 0;  
padding: 0 0 0 0;  
position:relative;  

}

#header {
top:0px;
left: 204px;
height: 76px;
width: 819px;
background color:#F36;
    position:relative;
margin: 0 0 0 0;
padding:0 0 0 0;

}

#navigation {
top:76px;
left:0px;
height: 691px;
width: 204px;
background-color:#999;
position:absolute;
margin: 0 0 0 0;
padding: 0 0 0 0;

}

#metainformation {
top:76px;
right:204px;
height: 691px;
width: 819px;
background-color:#C3C;
margin: 0 0 0 0;
padding: 0 0 0 0;
position:relative;
}

Wenn ich das so mache wie ich das getan hab, stehen die boxen irgendwie nur wirr auf der seite rum, aber stimmen tut garnix!
danke schonmal für eure hilfe
gruß