Keskustelu: Nettisivujen teko: CSS: kaksi diviä venymään

<style type="text/css">
#vasen {
width: 100px;
background-color:#000;
}
#oikea {
width: 140px;
background-color:#000;
}
</style>

<div id="vasen">Tähän tekstiä vaikka kuinka paljon</div>

<div id="oikea">Tähän tulee tekstiä enemmän kuin edellisessä divissä</div>

Kuinka css saa tuon vasen divin venymään oikean divin mukaan?
Eli kun oikeadivissä on enemmän tekstiä, vasendivi venyisi alaspäin sen mukaan?

esimerkiski laittamalla ne sisäkkäin?

Olen yrittänyt pistää vasen ja oikea divit yhden divin sisään, mutta
miten määrittää niin että divit olisivat aina saman korkuisia tekstin määrästä riippumatta?

Kattele tämä topikki lävitse: XHTML: DIV ja CSS (opastusta kaivataan)

Sieltä löytyy viimeisempien esimerkkien joukosta sellainen, joka käyttää display : table; -temppua divien käyttäytymisen muuttamiseen taulukoiksi, plus erillisen korjauksen IE:tä varten, joka ei tue tuota display-asetusta ollenkaan.

Tässä myös esimerkki.