Sei stata chiara fin dall'inizio=), la soluzione te l'ho già data prima.

Ti faccio un esempio così capisci meglio.

1) O attribuisci la proprietà clear ad uno degli elementi contenuti dentro al div.

cioè:

codice:
<div style="border: 1px solid red; width: 400px; margin: 0 auto">
    <div style="width: 150px; float: left; border: 1px solid green">Contenuto1</div>
    <div style="width: 150px; float: left; border: 1px solid green">Contenuto2</div>
    <div style="clear:both;"></div>
</div>
Questo presuppone che tu inserisca un nuovo div con questa proprietà.

2) Oppure utilizzi il metodo dell'easyclearing.
Te lo faccio vedere in maniera più corretta, senza dichiarare stili inline come hai fatto te.

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
	<head>
		<title></title>
		<style type="text/css">
		* {
		margin:0;
		padding:0;
		}
		body {
		text-align:center;
		}
		#box {
		margin:auto;
		width:400px;
		border:solid 1px red;
		}
		#box:after {
		content:".";
		clear:both;
		display:block;
		visibility:hidden;
		height:0;
		}
		#box div{
		float:left;
		width:150px;
		border:solid 1px green;
		}
		</style>
	</head>
	<body>
		<div id="box">
			<div>

Contenuto1</p></div>
			<div>

Contenuto2</p></div>
		</div>
	</body>
</html>