title: DIV Attached to Bottom of Viewport
body: <p>I've read some of the other posts on how to get a DIV to attach to the bottom of the viewport - and I've implemented one solution with success, but I'm running into a bit of an issue.</p>
  <p>At: <a href="http://s222894377.onlinehome.us/" rel="nofollow noreferrer">http://s222894377.onlinehome.us/</a></p>
  <p>You can see there is an image stretched 100% in a DIV I created and attached.  The DIV above it is set to height: 100%;</p>
  <p>But it's taking up a bit too much vertical space and I'm trying to compensate it's effect on the overall height.</p>
  <p>The structure is:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;header&quot;&gt;
  &lt;div id=&quot;page-bg&quot;&gt;
  &lt;div class=&quot;CustomFooter&quot;&gt;
  </code></pre>
  <p>I've tried variations on setting negative margins to the top and bottom margins and padding to compensate for the header height, but haven't figured it out yet.</p>
  <p>If anyone has some suggestions - it would be much appreciated.</p>
  <p>Thanks in advance,</p>
  <p>mm</p>