Html/css Footer Troubles

I've looked on previous SO posts and tuts but have not had any luck with my own code. My footer will not stick to the bottom of the page (not the window). I don't want content to

Solution 1:

you need to move your footer outside of the container element and the body element and use position:absolute; and bottom:0; to always fix it to the bottom of the html element.

I say outside of the body as, although majoritively the body tag takes o the height of the html element, there are some versions of IE in which this isn't the case. As you haven't pasted your HTML i obviously can't show you the revised html but you're css should look like:

#footer {
    position: absolute;
    bottom: 0;
    width: 1024px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    }

Solution 2:

did you look at?

http://www.cssstickyfooter.com/

this worked for me

Solution 3:

This is the BEST solution out there

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

Solution 4:

Check this fiddle: http://jsfiddle.net/9Wy8G/13/

Is this what you want?

UPDATE: Check this SO post. You may find it useful.