Stort problem i CSS

Jag har stött på ett problem som jag inte lyckas av att lösa med min CSS fil. Jag har gjort 3 stora boxar som ligger bredvid varandra.
Längst till vänster är min meny, i mitten så vill jag att texten ska stå, längst till höger så ligger lite info om det jag skriver.

Men jag har stått på ett problem jag inte lyckas av att lösa. När jag skriver texten i min box i mitten så är det ingra problem den blir längre om texten är längre. Men min andra boxar den till vänster och den till höger dom blir inte längre utan stannar kvar på dom höjderna som dom är.

Hur gör jag för att dom 2 boxarna också ska bli längra när jag skriver i mitten boxen?

Det ser så himla dumt ut när jag lägger ut långa texter och sen bara mitten boxen blir längre.

Hmm..

Det är ett alltför välkänt problem du snubblat över.
Problematiken beskrivs t.ex. i http://www.alistapart.com/articles/fauxcolumns/.

*en* möjlig lösning på ditt problem beskrivs i http://www.alistapart.com/articles/negativemargins/

Som du ser kan det snabbt bli lite trixigt, och tycker du det känns olustigt med alla "workarounds" och "trix" så finns även möjligheten att justera kolumnhöjderna i efterhand med hjälp av lite fiffig Javascript (se t.ex. http://www.thewatchmakerproject.com/journal/308/equal-height-boxes-with-javascript )

Lycka till :bire

Varför inte använda scroll i infoboxen? dvs: overflow: auto;