title: footer with absolute position - responsive design
body: <p>I have a little problem with my responsive design. I am using a normal <code>&lt;footer&gt;</code> with this style.</p>
  
  <pre><code>footer {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 0;
  }
  </code></pre>
  
  <p>It works fine and when I am using a smaller screen I have to scroll, that's normal. </p>
  
  <p>The problem is that the <code>&lt;footer&gt;</code> is not at the bottom. It is in the middle of the screen. Like <code>margin-top: 100%</code> of the full screen, without scrolling.</p>
  
  <p>I hope you understand what I mean.</p>
  
  <p>Thanks!</p>