I've been struggling with keeping the footer down at the bottom of the page for a couple of days now and am at complete loss...

I researched and read a lot and tried following different instructions:

http://matthewjamestaylor.com/blog/k...om-of-the-page (http://matthewjamestaylor.com/blog/b...ooter-demo.htm) (this one is the current one)

this too:

and this:

And I can't make any of them work properly.. The website I'm working on is

At the moment I stopped at matthewjamestaylor version (first link) and am stuck with it..

The home page is only three images, and I would like the footer to be at the bottom of the page (no matter what resolution etc), and if there is more content- I'd like footer to go to the end of the page (not sticky footer)..

At the moment, if I resize the screen, the footer goes up and stays in the middle of the page..

If it makes any difference- I'm working on wordpress, twenty eleven child theme. I did try to ask in the wordpress forums but been told to go away and look for css help somewhere else.. :/

Please please please help me because I'm going slightly mad...
Will be much appreciated..

Thanks a lot