Ho 5 div che dovrebbero essere posizionati così:

1 3 4
2 5

Il 1 2 4 5 sono alti (height: 100px
Il 3 è 200 px.


il codice è questo:
codice:
<div id='1'></div>
<div id='3'></div>
<div id='4'></div>
<div id='2'></div>
<div id='5'></div>

lo stile

#1{
float: left;
height: 1oopx;
]
#2{
float: left;
height: 1oopx;
]
#3{
float: left;
height: 2oopx;
]
#4{
float: right;
height: 1oopx;
]
#5{
float: right;
height: 1oopx;
]
Il risultato però non è quello voluto infatti ho il 3 al fianco dell'1 ma poi il 2 è si sotto l'uno ma non attaccato ad esso bensi inizia dal fondo del 3, stessa cosa per il 4 ed il 5 che sono sulla destra, sono perfettamente uno sotto l'altro ma iniziano alla fine del div 3.

Dove sbaglio?