Buonasera.

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

codice:
+----------------+-----------------+
|                |                 |
|                |                 |
|    DIV1        |                 |
|                |                 |
|                |                 |
+--------------+-+                 |
|              |                   |
|    DIV2      |                   |
|              |                   |
+--------------+                   |
|                                  |
|                                  |
|               DIV3               |
|                                  |
|                                  |
|                                  |
+----------------------------------+
Se definisco:

codice:
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?