CSS - Empurrando o rodapé para baixo

No IE8 e FF o rodapé está ficando na posição correta, mas quando eu abro no IE7, o rodapé fica localizado no centro da página.

Analisando pelo Firebug, vi que realmente a div #container ta com o tamanho até mais ou menos a metade da página.

Alguém poderia me dizer o pq ele não está crescendo de acordo com o crescimento das outras DIVs que estão dentro dela, fazendo com que cada uma empurre as de baixo?

HTML: http://paste.ideaslabs.com/show/MJi0eqEDQK

CSS: http://paste.ideaslabs.com/show/lUp2BludEf

Espero que alguém possa me ajudar nessa.

Grande abraço!