Footer position problem in ALL browsers

Hello,

Just developed a new template for one of my clients’ but I’m having issues positioning the footer correctly.

Link: http://beitelligent.com/clients/bics/

On that page, it looks fine, but if it’s a page with loads of text that exceeds the users browsers height, and they have to scroll, we have this problem:

Link: http://beitelligent.com/clients/bics/services.php

The footer stays in the same position, and the content goes under, and continues.

Any ideas?

Thanks,
Peter Barbosa

Hi,
Remove the height from #container-middle or make it min-height if you need to hold it open when minimal content is present.

[COLOR=Black]DIV#container-middle[/COLOR] {
    width:100%;
    [COLOR=Red]/*height:650px;*/[/COLOR]
   [COLOR=Blue] min-height:650px;[/COLOR]
    float: left;
}