title: Add background images to div (Dynamic content)
body: <p>I have a DIV ...</p>
  
  <pre><code>&lt;div id="content"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Now...In the design and if you think of it as a rectangle has the top as a header and also the footer is different so I cannot just create a 1px background image and repeat it.</p>
  
  <p>I would have to do something like:</p>
  
  <pre><code>&lt;div id="content"&gt;
  &lt;div id="header"&gt;This will have a fixed bg image&lt;/div&gt;
  &lt;div id="body-content"&gt;This will have a repeated bg image and it's the part that can grow.&lt;/div&gt;
  &lt;div id="footer-content"&gt;THis will content a fixed bg image for the footer&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can anyone advise on the best way to handle this kind of design CSS wise please?</p>