I have this website that I am having a problem with positioning my footer div. I would like it to stay at the bottom of the website, regardless of the content div's length. Doing this with server side scripting is easy. But when this website goes live, I am not going to have access to server side scripting.

When I take the footer div out of sercoWrapper div/class, the footer appears behind my header div. When I place the footer div back inside sercoWrapper div/class and but below the content div, it renders in the middle of the content div.

Can someone point out my mistake??