HTML5 footer tag

Question

I'm building this site and I have a problem with my footer. I want the dark green color in the footer to cover up the whole footer. but know it only covers for a height of 10px or something like that instead for +- 200px. What am I doing wrong?

Link to my site: http://bit.ly/LSVux5 but I want it to look like this http://bit.ly/LSW3Hn

the color does not matter, only the zone that covers it

thanks in advance

Answer 1

Working Version

You just need to clear your floats, you can do that by changing your footer to the following.

  <footer class="wrapper clearfix">

Just add the clearfix class (which is already declared in your style sheet) to your footer.

Answer 2

Add overflow:hidden; to the #footer-container rules. The floating elements cause the footer to act like it has no content, the overflow property will fix that.