Problema con sfondo di un div

[Pico Tunz]

Sono alle prime armi con i css... ma vorrei tanto eliminare l'uso delle tabelle... :-)


ho questo problema, su firefox vedo questo:




mentre su ie vedo questo:




la versione "corretta" è quella su ie, ovvero vorrei avere il div box grande quanto il box maggiore tra box_1 e box_2


html:

<div id="box">
	<div id="box_1">111</div>
	<div id="box_2">222
222
222
222
222
</div>
</div>

css:

#box {
	background-color: #FF0000;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

#box_1 {
	float: left;
	width: 200px;
}

#box_2 {
	float: right;
	width: 500px;	
}

ki mi dà una mano?