Maksymalna długość div-a

Witam,

W skrócie: mam 3 divy, z których pierwszy zawiera przezroczyste tło, natomiast drugi i trzeci ustawiony jest na pierwszym. Drugi wyświetla menu, trzeci tekst po prawej stronie menu. I tu pytanie - jak zwiększyć rozmiar trzeciego diva do 100%, tutaj mam na myśli do wysokości menu, w przypadku gdy menu zajmuje więcej miejsca niż tekst.

Próbowałem ustawić height: 100% dla wszystkich kontenerów w górę, ale to nie do końca się sprawdza ponieważ w body jako tło wyświetlam obrazek i przy ustawieniu na 100% wyświetlany jest cały obrazek, podczas gdy bez ustawiania height wielkość obrazka dostosowana jest do wielkości menu/tekstu.

W google też sprawdzałem i nic interesującego nie znalazłem.

Możesz to wrzucić na jakieś jsbin.com żeby to lepiej zobrazować?

http://jsbin.com/oZElILEV/1/edit

I chodzi mi o to aby tresc dostosowac do dlugosci menu

EDIT. Menu to jakiś blok na przezroczystym tle, którego tutaj nie widać.

Ja znam dwa sposoby.

1. display: table http://jsfiddle.net/7RVh4/90/

2. taka sztuczka z paddingami i marginami :D http://jsfiddle.net/kaAjW/2256/

Ale oba są takie dosyć średnie.

1. A tu masz trzeci sposób http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

Mossar, dzięki za pomoc. Pierwszego sposobu nie próbowałem, ale za to drugi działa :) co prawda nie bierze wtedy pod uwagę dolnego marginesu, ale to już nie jest duży problem. Co do trzeciego sposobu to powoli staram się to ogarnąć.