Как прикрепить div к низу без абсолюта?

Итак, у меня есть нижний колонтитул:

<div id="footer" >
    <div style="padding:20px;">
        Footer
    </div>
</div>

Который находится в обертке со стилем:

#page { width:964px; margin:0 auto; }

Итак, мне нужно, чтобы нижний колонтитул был прикреплен к нижней части браузера. Проблема в том, что если я добавлю:

position:absolute;
bottom:0;

Некоторые из предыдущих div пересекаются с нижним колонтитулом, а также мне нужно установить высоту и ширину самостоятельно.