title: 3 divs as background
body: <p>I've been working on this for a couple of hours and can't seem to wrap my head around it.
  I have three images, below, and I would like the text content to sit on top of these, but how do I do it?<br>
  The middle image is the image that would need to repeat as the container div expands.</p>
  
  <p>Okay, I do apologise for my lack of information, it's a little late and I'm not exactly thinking straight. I would like to comprise a container with all three images. The minimum height of this container would be the top and bottom image. As contents starts to overflow this minimum height, the middle image would start to repeat to accommodate for more height.</p>
  
  <p>Top:
  <a href="http://files.droplr.com/files/45544730/INDf3.Page.png" rel="nofollow noreferrer">alt text http://files.droplr.com/files/45544730/INDf3.Page.png</a></p>
  
  <p>Middle repeating:
  <a href="http://files.droplr.com/files/45544730/INE5i.Page-Tile.png" rel="nofollow noreferrer">alt text http://files.droplr.com/files/45544730/INE5i.Page-Tile.png</a></p>
  
  <p>Bottom:
  <a href="http://files.droplr.com/files/45544730/INFbt.Page-Bottom.png" rel="nofollow noreferrer">alt text http://files.droplr.com/files/45544730/INFbt.Page-Bottom.png</a></p>