Div neben- und untereinander anordnen! Aber wie?

[HP-Bauer]

Hi,

ich möchte innerhalb eines Divs 4 Divs reckteckig anordnen.

div1   div2

div3   div4

Der Abstand oben, unten, und zwischen den Divs soll überall gleich groß sein. Das Container-Div ist 582px breit und 500px hoch. Die innneren 4 Divs sind jeweils 245px breit und 140px hoch.

Irgendwie bekomme ich das nicht hin. Die Divs stehen überall nur nicht da wo sie sollen. Nachfolgend der CSS-Code. Was mache ich falsch?

div#container {
position:relative;
top:0px;
width:582px;
height:500px;
float:right;
background:#ffffff;
}
div#box1 {
position:relative;
top:70px;
width:245px;
height:145px;
float:left;
text-align:left;
font-family:Arial,Helvetica;
font-size:16px;
font-weight:bold;
}
div#box2 {
position:relative;
top:70px;
right:46px;
left:50px;
width:245px;
height:145px;
float:right;
text-align:right;
font-family:Arial,Helvetica;
font-size:16px;
font-weight:bold;
}
div#box3 {
position:relative;
top:70px;
width:245px;
height:145px;
float:left;
text-align:left;
font-family:Arial,Helvetica;
font-size:16px;
font-weight:bold;
}
div#box4 {
position:relative;
top:70px;
right:46px;
left:50px;
width:245px;
height:145px;
float:right;
text-align:right;
font-family:Arial,Helvetica;
font-size:16px;
font-weight:bold;
}

Bin für jeden Tipp dankbar.

MfG,
HP-Bauer