title: CSS Sticky footer with 100% width
body: <p>I'm trying to implement a sticky footer having a 100% of width. It should be stick on the bottom of the page, but not overlapping the page content div.
  I'm using the page layout identical to this example:
  <a href="http://peterned.home.xs4all.nl/examples/csslayout1.html" rel="nofollow">http://peterned.home.xs4all.nl/examples/csslayout1.html</a></p>
  
  <p>As you can see, the footer has the same width of div#container.
  But I want to stretch the footer up to 100% width, whilst the page content stays centered and keeps stretching in height when resizing the browser.
  How can I do that?</p>