Tilpasse højden på div

så den røde kasse med begrænset indhold skal styre højden på den gule kasse, som har masser af indhold?

Giver det så ikke mening at tildele begge divs en fixed højde, enten som en pixelværdi eller som en procentværdi, hvis du vil have det i relation til brugerens opløsning?

Giv for eksempel begge divs en højde på 80%, og tildel venstre div overflow-y: scroll. Så vil den få en scrollbar hvis indholder bliver for meget, mens begge divs altiv vil være lige høje (i dette tilfælde, 80% af højden på deres container).

Jeg har ændret i din jsfiddle for at vise eksemplet. Containeren er rød, venstre kasse gul og højre kasse grøn.

EDIT: nå, den fik en ny URL se her: http://jsfiddle.net/xNb97/11/
hvis den da virker..

Hvis højden af begge divs skal styres dynamisk af indholdet i højre div, så skal du nok ud i noget javascript (med mindre du kan styre containerens højde i absolutte termer)..

Desværre nej.
Højden på wholecontainer (røde), skal følge højden på right (grønne). Således at jo flere kasser der kommer i right (grønne), jo højere bliver den og jo højere bliver left samtidigt også (gule).
Fixed height dur ikke fordi med tiden skal der komme flere kasser, og er lidt irriterende at ens design skal rettes jo mere indhold siden får og ikke blot tilpasser sig selv til indholdet.

Designet skal netop være clean i lige linier og kasser således at de to kasser er lige store og der ikke er en laaaaang venstre div (gule) og en lille højre (grønne) der ikke følger med da det ikke ser pænt ud.

JScript kode 

 $(function() {
   var right_div_height = $('#right_div').height();
   $('#left_div').height(right_div_height);
   $('#left_div').css({
     'overflow-y':'scroll'
     <evt andre css attributter...> 
   });
 });