[HTML][CSS]Float - budowa layout'a Opcje

[Mody23]

Witam.

Mam problem z odpowiednim ułożeniem elementów float w moim kodzie.

Ogólnie teraz wygląda to wszystko tak:

(IMG:http://s2.ifotos.pl/img/demopng_wenhpwe.png)

Jak widać, ten div po lewej stronie jest rozciągnięty (numer 1) do wielkości tego po prawej stronie. Następny div (numer 2) jest już normalnych rozmiarów. Chcę aby div 1 miał taką samą wysokość jak div 2, jednak nie potrafię tego zrobić w kodzie.

Oto mój kod:

[HTML] pobierz, plaintext 
		<div id="RightBox"><div class="Title">Informacje</div><br>Tutaj jest dużo tekstu na wysokość tego diva</div>
		<div id="movie">
			<a style="font-size: 130%; text-decoration: none; font-weight: bold; color: #33A1DE;" href="#">Wada ukryta / Inherent Vice (2014)</a><br><br>
			<div style="height: 200px;">
				<div style="width: 70%; height: 200px; float: right; margin-top: 6%;">
					W życiu prywatnego detektywa Doca Sportello niespodziewanie pojawia się jego była żona. Raczy go przy okazji opowieścią o swoim aktualnym chłopaku, deweloperze-miliarderze, w którym akurat jest zakochana, oraz snutej przez jego żonę i jej kochanka intrydze mającej na celu porwanie miliard... <b>[ Czytaj więcej ] ť</b>
				</div>
				<div style="border: 1px solid #33A1DE; border-radius: 5px; padding: 1px; background: #33A1DE; height: 200px; width: 150px;">
					<img src="image.jpg">
				</div>
			</div>
			<div style="clear: both;"></div>
			<div style="background: grey; border: 1px solid #000; padding: 1px; margin: 3px;">hehe</div>
		</div>
		<div id="movie">
			<a style="font-size: 130%; text-decoration: none; font-weight: bold; color: #33A1DE;" href="#">Wada ukryta / Inherent Vice (2014)</a><br><br>
			<div style="height: 200px;">
				<div style="width: 70%; height: 200px; float: right; margin-top: 6%;">
					W życiu prywatnego detektywa Doca Sportello niespodziewanie pojawia się jego była żona. Raczy go przy okazji opowieścią o swoim aktualnym chłopaku, deweloperze-miliarderze, w którym akurat jest zakochana, oraz snutej przez jego żonę i jej kochanka intrydze mającej na celu porwanie miliard... <b>[ Czytaj więcej ] ť</b>
				</div>
				<div style="border: 1px solid #33A1DE; border-radius: 5px; padding: 1px; background: #33A1DE; height: 200px; width: 150px;">
					<img src="image.jpg">
				</div>
			</div>
			<div style="clear: both;"></div>
			<div style="background: grey; border: 1px solid #000; padding: 1px; margin: 3px;">hehe</div>
		</div>
		<div style="clear: both;"></div>
[HTML] pobierz, plaintext 

I tutaj klasy:

Kod

#RightBox {
font-size: 14px;
font-family: 'Century Gothic';
margin-top: 1%;
padding: 2%;
border: 1px solid #D1EAF8;
width: 30%;
background: #FCFDFE;
float: right;
}

#movie {
padding: 1%;
font-size: 14px;
font-family: 'Century Gothic';
width: 60%;
border: 1px solid grey;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}

Może mnie ktoś nakierować jak to zrobić, aby było tak jak chcę?
Dzięki.

Ten post edytował Mody23 2.04.2015, 10:55:38

[untorched]

Coś takiego? http://jsfiddle.net/bzkLz4ux/