ciao a tutti, sto rifacendo il mio sito e su uno dei DIV in cui vorrei caricare i contenuti, vorrei fare in modo che l'altezza non vada mai oltre il fondo del browser e che se oltrepassa il fondo del browser si formi uno scroll verticale, riesco a fare il tutto con posizione assoluta ma il mio div deve essere all'interno di un'altro div e avere una posizione specifica per cui devo avere posizione relativa, questo e' il link del sito in costruzione (per ora e' tutto completamente campato per aria per cui e' orrendo ):

http://www.antoniofx.com/test/

l'area rossa e' il div di cui parlo, come vedete sfora oltre il footer, il footer sta esattamente al fondo del browser anche quando ridimensiono o rimpicciolisco il browser, e vorrei che il DIV con sfondo rosso non oltrepassi mai il footer e che se il contenuto fosse piu' lungo si formi una scroll bar a fianco del DIV, dove sto sbagliando? il css e': http://www.antoniofx.com/test/antoniofx_style.css
Grazie!