non capisco perchè i due div in basso non vengano affiancati a destra e sinistra come i due sopra cosa sto sbagliando?

<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% Verdena,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#container{text-align:center}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}

div#destra{background:green}
div#sinistra{background:yellow}
div#sx{background:red}
div#dx{background:navy}

div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:954px;margin:0 auto}
div#destra{float:right;width:477px;height:200px}
div#sinistra{float:left;width:477px;height:200px}

divsx{float: left;width:155px;height:155px;}
divdx{float:right;width:155px;height:155px;}


div#footer{clear:both;width:100%}
</style>

</head>
<body>
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="wrapper">

</div>
<div id="destra">


2 Titolo. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
immagine</div>
<div id="sinistra">


1 Titolo.slideshow </p>

</div>
<div id="sx">


3) x. xxxxxxx
x
x
xxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
immagine</div>
<div id="dx">


3) x. xxxxxxx
x
x
xxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxx</p>
immagine</div>







<div id="footer">

footer</p></div>
</div>