Layout con due div flottanti allineati a sinistra

[panta1978]

Buonasera.

Se devo realizzare un layout (con CSS, of course) di questo tipo:

+----------------+-----------------+
|                |                 |
|                |                 |
|    DIV1        |                 |
|                |                 |
|                |                 |
+--------------+-+                 |
|              |                   |
|    DIV2      |                   |
|              |                   |
+--------------+                   |
|                                  |
|                                  |
|               DIV3               |
|                                  |
|                                  |
|                                  |
+----------------------------------+

Se definisco:

div#DIV1{
float:left
}

div#DIV2{
float:left
}

non ottengo il risultato sperato, perché DIV1 e DIV2 si allineano orizzontalmente.
Mi sapete dire se è possibile risolvere questo problema?

[troglos]

fra div1 e div2 metti un

<div style='clear:both'></div>