title: HTML/CSS <div> background
body: <p>How do you set a background on a <code>div</code>? I have a block looking like this:`     </p>
  
  <pre><code>&lt;div class="span4"&gt;
     &lt;font color="000000"&gt;
        &lt;h4 class="text-center"&gt;This is the title&lt;/h4&gt;
        &lt;p&gt;This is my text&lt;/p&gt;
        &lt;a href="#" class="btn btn-success"&gt;
        &lt;i class="icon-star icon-white"&gt;&lt;/i&gt; This is my button&lt;/a&gt;
     &lt;/font&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to make this whole block have a background image, but when I try (I've tried 6 different methods already), It either doesn't work at all, doesn't fill the whole box, or fills the whole page.</p>
  
  <p>After using JoshC's CSS related answer, I got this problem. In the image you can see my background, but it doesn't stretch across the whole area I want it to. The side bar, as far across as the left edge of the blue highlight on "Home", is meant to be a different image, (not set up yet) and the rest would be the displayed image.
  <a href="http://i.imgur.com/IAW8Vhl.png" rel="nofollow">This is the image</a></p>
  
  <p>Another thing I'd like is a background applied to multiple divs, but not all, however that's optional...</p>
  
  <p>Any help is much appreciated.</p>