title: CSS stick footer background to bottom of the page
body: <p>CSS:</p>
  
  <pre><code>.footer {
   background-image: url("./images/footer.png");
   height: 45px;
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
   bottom: 0;
   }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
   &lt;head&gt;
    &lt;title&gt;My title&lt;/title&gt;
   &lt;/head&gt;
  &lt;body&gt;
    .. some header divs..
    .. some content divs..
   &lt;div class="footer"&gt;FOOTER&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Footer is about 10 pixels before bootom. How I can add it to the very bottom of the page?</p>