title: 100% Body Height (Content is loaded dynamically)
body: <p>i like to have a background all over my website. Works fine while the content static.
  While using javascript to extend the content, the body element don't grow over the scrolling area.
  My question is similar to this question: <a href="https://stackoverflow.com/questions/9537838/div-height-100-and-expands-to-fit-content">Div height 100% and expands to fit content</a></p>
  
  <p>Note: I've used a lots of floats and can not make a fixed background div, because my website gets inaccessible.</p>
  
  <p>Need to solve this somehow. Maybe with JS ?</p>
  
  <pre><code>Html, Body
  {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
  }
  
  Body {
    display: block;
    background: url('../Images/page-bgr-top.png') center top repeat-x,
                url('../Images/page-bgr-content.png') center top repeat-y;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/scnhJ.png" alt="enter image description here"></p>
  
  <p>Update: Nathan Lee answer helped me. My problem is that the scroll-bar move the background and all my all other centered content stays in position.</p>
  
  <pre><code>body {overflow:auto;}
  </code></pre>