impostare tre div/colonne

[eccoinsorgo]

buongiorno a tutti, è da un pò di tempo che ci provo, ma data la mia scarsissima esperienza di html/css ad oggi non sono ancora riuscito ad impostare tre div all'interno di uno più grande che abbiano i bordi arrotondati.
Mi spiego meglio: i tre div li creo, ma quello a destra mi scende sotto a quello centrale. Qui vi posto il codice css che uso:

.body {margin: 0; /* rimuoviamo i margini di pagina */text-align: center; /* sfruttiamo un bug di IE per allineare tutto globalmente */}

.contenitore {background-color: rgb(255,255,255); color: #000000; margin-right:auto; margin-left:auto; width: 900px; text-align: justify; }
.contenitore p {margin: 0 7px; font-family: "MS Reference Sans Serif"; font-style:normal; font-variant:normal; font-weight:normal; font-size:11pt; }
.topplace {background: url('salentotuttolanno%20CSS/images/topdx.png') no-repeat right top;}
.bottomplace {background: url('salentotuttolanno%20CSS/images/downdx.png') no-repeat right top; display: block; clear: both}
img.placeborder {width: 20px; height: 20px;border: none;display: block !important; }
a {text-decoration:none}
a:link {color: blue;text-decoration: none;}
a:hover {color: red; text-decoration: none;}
a:focus { outline: 0; }


.navigation {margin: 0 0px 0 7px; background-color:rgb(255,204,0); color:#000000; width: 190px; text-align: justify; float: left;}
.navigation p {margin: 0 5px 0 3px; }
.topsx {background: url('salentotuttolanno%20CSS/images/topdxleft.png') no-repeat top right; }
.bottomsx {background: url('salentotuttolanno%20CSS/images/downdxleft.png') no-repeat top right; }
img.placeborder {width: 20px; height: 20px;border: none;display: block !important;}

.content {
background-color: #FFFFFF;
margin: 0 200px 0 200px;
width: 500px;
text-align: justify;
font-family: "MS Reference Sans Serif";
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11pt;
clear: right;
}

.extra {
margin: 0 7px 0 0px;
background-color: rgb(255,204,0);
color: #000000;
width: 190px;
text-align: justify;
float: right;
}
.extra p {margin: 0 3px 0 5px; }
.topsx {background: url('salentotuttolanno%20CSS/images/topdxleft.png') no-repeat top right; }
.bottomsx {background: url('salentotuttolanno%20CSS/images/downdxleft.png') no-repeat top right; }
img.placeborder {width: 20px; height: 20px;border: none;display: block !important;}

Potete perfavore aiutarmi?
Grazie 1000