div al bottom

[alavaros]

Buenas, tengo una página, con tres divs:

Código HTML:

<div id="header">
<div id="main">
<div id="foot">
 

Y quiero que "foot", esté siempre en el bottom, pero si el "main" es muy largo, y ocupa mas que el alto de la pantalla, "foot" se posicione justo por debajo, no se si me explico. En mi web tengo varias páginas, y en al menos una de ellas, el main se hace demasiado grande, por lo que si utilizo:

Código CSS:

#foot{position:absolute;bottom:0;}
 

en esta página que digo, el "foot" se me posiciona encima, y no deja ver el "main", en las que el "main" no se tan largo no es problema

¿Alguna idea?

Saludos

[Naahuel]

Yo siempre uso CSSStickyFooter en mis sitios:
http://www.cssstickyfooter.com/

Funciona una maravilla y es fácil de aplicar. Hace exactamente lo que querés.