title: How make a dynamic background div in CSS?
body: <p>I created the following image below just to help you guys understand what I'm trying to do here.
  <img src="https://i.stack.imgur.com/TY6cq.png" alt="background"></p>
  
  <p>I need to have this divisions in my web page but I don't know how I could do there in a dynamic way.
  I have contents that is gonna be dynamic, for example, sometimes I have a small text, but sometimes I have a bigger text and the page don't follow the same structure as when it was in a small text content.</p>
  
  <ul>
  <li><a href="http://dl.dropbox.com/u/5714646/BrainSet/Website/site/index-1.html" rel="nofollow noreferrer">Here is a page with a <strong>small</strong> text</a>.</li>
  <li><a href="http://dl.dropbox.com/u/5714646/BrainSet/Website/site/index-1_2.html" rel="nofollow noreferrer">Here is a page with a <strong>big</strong> text</a>.</li>
  </ul>
  
  <p>I would like the background follow the size of the content and keep the same structure as I'm showing in the image above.</p>
  
  <p><strong>UPDATE:</strong>
  Coco approach:
  <img src="https://i.stack.imgur.com/G48un.png" alt="enter image description here"></p>