title: Extend a background into the margin
body: <p>I have a <code>&lt;div&gt;</code> element that has a 10 pixel margin, as shown in the code below. My question is rather simple: how do I extend the background image into the margin? I tried using the CSS3 <code>background-clip</code> and <code>background-origin</code> sub-atributes, but they have no option for extending a background into the margin.</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#pagesidebar
  {
      background-image:url('/Users/bagavatu/images/background.png');
      margin:10px;
  }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="pagesidebar"&gt;Hello&lt;/div&gt;
  </code></pre>
  
  <p>I know I could append the <code>pagesidebar</code> div into a parent div, and simpyl apply the background-image there, but I would prefer a solution not requiring a new div.</p>