title: html, body 100% causing scrollbar to appear
body: <p><a href="http://codepen.io/basickarl/pen/Wrwdam?editors=110" rel="noreferrer">http://codepen.io/basickarl/pen/Wrwdam?editors=110</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="back"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>html,
  body {
      height: 100%;
  }
  
  div.back {
      margin-top: 50px;
      display: absolute;
      width: 30px;
      height: 30px;
      background-image: url('http://simpleicon.com/wp-content/uploads/arrow-35.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
  }
  </code></pre>
  
  <p>The scrollbar on the right displays. I have to have html, body at 100% because of a sticky footer I'm using. Any ideas?</p>