Footer not sticking to bottom in Mozilla Firefox and IE

[creativeastro]

Hie
I have problems with my footers because they just will not stay at the bottom. When the content is shorter it moves up. it seems fine on a smaller resolution but I can really see the diffference at scree resolution 1600×1200. I am sure whatever size screen resolution it should stay at the bottom.

I have
1) validated the pages and they are validated with only 1 warning.
2.) I cleared footer both i.e .footer{clear:both}
3) I have also tried this tutorial here http://ryanfait.com/resources/footer-st … m-of-page/
but nothings working.
4.) I validated my css and I have 4 errors which are to do with the lightbox code nothing to do with my own code.

The main page seems fine
http://creativeastro.com/olympia/index.html
but the gallery for example andother pages with less content do’t look good.
http://creativeastro.com/olympia/member.html
http://creativeastro.com/olympia/gallery.html

Thank you in advance.

[creativeastro]

Is there anyone who can help?

[apostrophe]

I suggest you have another look at the tutorial you linked to.
The footer should be outside the container, the push div should be the last thing inside the container and not come after the footer.

[creativeastro]

Thank you, I tried doing that but it did not work, it kept moving up when content is less.
I then tried this fix
http://matthewjamestaylor.com/blog/keep … f-the-page

it looked like it worked but now It seems to have a problem though now, my footer will not move down when I have a lot of content.
http://olympiafitnesscentre.com/

How on earth do I solve this problem
I used the fix below first

Thanks for your help in advance.

[Author]

Posts