title: Greasemonkey - Image not showing
body: <p>In Greasemonkey, I'm trying to use a local copy of an image found online.  The image is temporarily stored in C:\temp.</p>
  
  <p><em>This doesn't work:</em></p>
  
  <pre><code>var b = document.body;
  b.style.background = '#ccc url("file:///C:/temp/bg.jpg") repeat-x top left';
  </code></pre>
  
  <p>In Firebug, I can hover over the path in the style window and the image will popup, showing that the image is there and that the path is correct, but Firefox just isn't displaying it.  I've even tried redrawing the page:</p>
  
  <pre><code>  setTimeout(function(){element.className = element.className;},500);
  </code></pre>
  
  <p>If I use the path to the original http url (http://somedomain/bg.jpg) it'll work, but trying to avoid that.  I'm not sure why it's having a problem rendering local images.</p>