title: Overlay image on part of <div> border
body: <p>I have a <code>&lt;div&gt;</code> with a uniform <code>border: 15px</code></p>
  
  <p>The jsfiddle is <a href="http://jsfiddle.net/user1212/e7Gez/2/" rel="nofollow">http://jsfiddle.net/user1212/e7Gez/2/</a></p>
  
  <p>I am trying to get the image to appear on the top left portion of the <code>&lt;div&gt;</code></p>
  
  <p>However the existing <code>border</code> is blocking it.</p>
  
  <p>Is there a solution?</p>