[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:
(IMG:http://i45.tinypic.com/w1xvr9.jpg)

Dąże do tego, by wyglądało to tak:
(IMG:http://i48.tinypic.com/2hhn39h.jpg)

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?