[CSS] Div o tej samej wysokości co drugi div wypełniony treścią Opcje

[szymek001]

Witam, mam prosty szablon strony, i próbuje ustawić by #menu było tej samej wysokości co div #news.
Problem polega na tym, że gdy dla diva #menu ustawie

[CSS] pobierz, plaintext 
height: 100%
[CSS] pobierz, plaintext 

lub

[CSS] pobierz, plaintext 
height: auto;
[CSS] pobierz, plaintext 

to i tak jest on krótszy, bo nie ma w nim tyle tekstu co w divie #news.

Tak to wygląda obecnie:


Dąże do tego, by wyglądało to tak:


Wysokości w stylu wyglądają następująco:

[CSS] pobierz, plaintext 
#wrapper {
height: auto;
}
 
#menu {
height:100%;
min-height: 700px;}
 
#news {
height:auto;}
[CSS] pobierz, plaintext 

W jaki sposób można ustawić by niebieskie menu było zawsze tej samej wysokości co zielony blok newsów? Czy będzie potrzebne osadzenie w menu kolejnego diva, który 'naciągnie' menu do końca?