title: Getting a background image to stretch vertically
body: <p>I created a webpage with some simple CSS with a striped image (62px width, and 32px height) and I want it to repeat vertically all the way down to the bottom of the page. My issue is that it stops at the end of the content, such as if I put "Test," it will be very small. If I have an entire essay, it will repeat with it - but not much if the page doesn't scroll.</p>
  
  <p>Image: <a href="http://avaworld.net/images/bordLeft-blue.png" rel="nofollow">http://avaworld.net/images/bordLeft-blue.png</a></p>
  
  <p>Website - <a href="http://www.avaworld.net/" rel="nofollow">http://www.avaworld.net/</a></p>
  
  <p><code>#blueWrap {
      margin: 0;
      background-color: #131313;
      padding: 0;
      display: block;
  }</code></p>
  
  <p><code>#blueRight {
      padding-right: 62px;
      background: url(http://avaworld.net/images/bordRight-blue.png) top right repeat-y;
  }</code></p>
  
  <p><code>#blueLeft {
      padding-left: 62px;
      background: url(http://avaworld.net/images/bordLeft-blue.png) top left repeat-y;
  }</code></p>
  
  <pre><code>&lt;div id="blueWrap"&gt;
      &lt;div id="blueRight"&gt;
        &lt;div id="blueLeft"&gt;
          Test
       &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>