Fine chrome/safari but in mozilla theres something odd going on
http://www.iamjpg.com/done
its a repeat background and a gradient div at the top and bottom
1 answer
points
One way to go make it stick is to create a div that wraps all of your content (ie a wrapper div):
<div id="wrapper">
Content Here
</div><!--//wrapper//-->
Then be sure to place your footer div below / outside your wrapper:
<div id="wrapper">
Content Here
</div><!--//wrapper//-->
<div id="footer">
footer info
</div><!--//footer//-->
And finally define your CSS:
#wrapper{margin:0 auto -50px; min-height: 100%; position:relative; width:960px;}
#footer{clear:both; height:50px; margin:-50px auto 0; position:relative; width:960px;}
Another option would be to use a sticky footer. Which you can find here

