Sticky Footer Issues

Hey guys,

I’ve done this footer several times in the past and it worked no problem, couple times had some issues and needed advice from the masters here who are always great to help out.

Well I’m having issues again, here is the links so you can see on the home page as well as on an interior page on the site…

http://slyangelpublishing.com/2011/

http://slyangelpublishing.com/2011/about-sly-angel-publishing/

You will notice that the text goes behind the footer which is of course incorrect as the footer should come after all the text and also theres a tad bit of scrolling.

Could someone please take a look at the code and see where abouts I made my mistake, cause I can’t seem to spot it at all its been frustrating me as did two sites earlier this week and had no problems with it.

Many thanks,

Mike

Try removing the height here:

#content {
  float: right;
  [COLOR="#FF0000"]height: 200px;
[/COLOR]  padding-top: 20px;
  width: 650px;
}

Perfect that worked.

Now theres just like the little issue of the scroll when there is not enough content to fill the browser. There is just a tad of scroll.

Heres link you can see what I mean…

http://slyangelpublishing.com/2011/category/songwriters/

O, I didn’t notice that. Try adding this:

#footer-content p {
  line-height: 70px;
  padding-left: 47px;
  padding-top: 10px; 
  [COLOR="#FF0000"]margin: 0;[/COLOR]
}