Making a footer stick to the bottom

[bob_visualefx]

Hi All,
I'm trying to get CSS to make my footer stick to the bottom of the page. I've found some CSS help online and have been testing it, but it seems to be just sticking to the bottom of the browser window and not the page. At least in some browsers. Some it works fine, others it doesn't. Here is the page: LINK Any advice? Any help would be great. Thanks!

[lesleindotcom]

Post your page code or a link

[Legacy_Staff]

Originally Posted by bob_visualefx

it seems to be just sticking to the bottom of the browser window and not the page.

I'm using IE6 and it's on the bottom of the page. Which browsers are you concerned about?

[iZone]

Its broken in firefox. i think you need to put

html {
height: 100%;
}

and take it out of the body tag.

[ukgeoff]

Originally Posted by iZone

and take it out of the body tag.

How can you take anything that is meant to be seen outside the body tag?

[herkalees]

#footer
{
/*position: relative;
margin-top: -30px;*/
clear: both;
text-align: center;
}

[iZone]

Originally Posted by ukgeoff

How can you take anything that is meant to be seen outside the body tag?

i meant for him to take the height: 100% off of his body definition and put it in the html in the css file. I seem to remember doing something similar a while back, but then that could be total poppycock because I cant remember the whole solution.

[masonbarge]

Try <div class="clear"></div> just before the footer div.

.clear {clear; both;}

[bob_visualefx]

That was it! Thanks, man.