Los float me eliminan el fondo de un div

[NaSHoOo]

Para mas ayuda, pongo el codigo:

HTML

Código:

<div id="articulos">

	<div id="avances">
		<ul>
			<li class="avances1">Item #1</li>
			<li>Item #2</li>
			<li>Item #3</li>
		</ul>
	</div>

	<div id="analisis">
		<ul>
			<li class="analisis1">Item #1</li>
			<li>Item #2</li>
			<li>Item #3</li>
		</ul>

	</div>

	<div id="reportajes">
		<ul>
			<li class="reportajes1">Item #1</li>
			<li>Item #2</li>
			<li>Item #3</li>
		</ul>

	</div>

<div class="corte"></div>	
</div>

CSS

Código:

body {
	text-align: center;
	font-family: Verdana, Arial, Sans Serif;
	font-size: 12px;
	color: #c00;
}

.corte {
	clear: both;
}

#articulos {
	margin: 0 auto;
	text-align: left;
	width: 660px;
	border: 1px #000 solid;
	background-color: #D2D2D2;
}

#avances {
	width: 220px;
	float: left;
}

#analisis {
	width: 220px;
	float: left;
}

#reportajes {
	width: 220px;
	float: left;
}

A ver si me puedes comentar que he escrito mal...