title: Place background image outside border of containing div
body: <p>I am trying to set a background image to be outside the actual containing div.</p>
  
  <pre><code>&lt;div class="expandable"&gt;Show Details&lt;/div&gt;
  
  .expandable
  {
      background: transparent url('./images/expand.gif') no-repeat -20px 0px;
  }
  </code></pre>
  
  <p>so the "expand" image should basically appear just to the left of the div.</p>
  
  <p>I can't get this working, the image doesn't show when it's positioned outside the borders of the container. I'm not sure if there's a CSS trick I am missing, or if it's something to do with my page layout (the "expandable" div is nested inside several other divs). </p>
  
  <p>Is it possible to do this? Any hints?</p>
  
  <p>Edit: here is a jsFiddle showing the problem: <a href="http://jsfiddle.net/QbUGk/" rel="noreferrer">link</a></p>