Problema acomodando divs

[DmD]

Hola!
Estoy teniendo problemas al acomodar divs, lo que tengo es esto:


No pued hacer que los 2 cuadrados que están dentro del borde azul suban y queden alineados arriba :S.

El código que tengo es este:

CODIGO HTML

Código HTML:

<!--<!-- LINEA 1 -->
<div class="estilo1"></div>
<div class="estilo2"></div>
<div class="estilo2"></div>
<div class="estilo2"></div>
<div class="estilo4"></div>

<!-- LINEA 2 -->
<div class="estilo3"></div>
<div class="estilo2"></div>

<!-- LINEA 3 -->
<div class="estilo5"></div> 

CODIGO CSS

Código:

.estilo1
{
	width: 474px;
	height: 582px;
	background: #F15A29;
	float: left;
	margin: 5px;
}

.estilo2
{
	width: 230px;
	height: 286px;
	background: #F15A29;
	float: left;
	margin: 5px;
}

.estilo3
{
	width: 476px;
	height: 286px;
	background: #F15A29;
	float: left;
	margin: 5px;
}

.estilo4
{
	width: 226px;
	height: 590px;
	background: #F15A29;
	float: left;
	margin: 5px;
}

.estilo5
{
	width: 976px;
	height: 286px;
	background: #F15A29;
	float: left;
	margin: 5px;
}

Alguna idea de como hacerlo? x_X. En tablas si me sale, pero necesito hacerlo con divs porque los bloques los voy a cargar con contenido de una base de datos y se van a ir acomodando solos dependiendo el estilo que tenga cada campo de mysql.

Saludos,
Daniela.