בעיה בCSS עם height:100%

[M.a.T.a.N]

זה הקוד שלי:

<div id="con">
	<div style="float:right; background: red;">
text 
<br />
text 
<br />
text 
<br />

	</div>

	<div style="float:left; background: blue;">
text 
<br />

	</div>
</div>

איך ניתן לעשות שכאשר צד ימין יותר ארוך(בגלל שיש בו יותר טקסט) אז גם צד שמאל הרקע הכחול יתארך לאותו קו.
??

זה אפשרי לעשות בטבלאות אך אני לא רוצה להשתמש בטלבלה למה יש לי כבר קידוד מוכן וזאת הבעיה היחידה שלי.

תודה לעוזרים.