title: Image preloading techniques (for use as hover state CSS background images) don't seem to work on Chrome
body: <p>I'm using the following technique to pre-load images that are applied as CSS background images when hovering buttons:</p>
  
  <pre><code>#preload_area {
    background-image: 
      url(../images/image1.svg),
      url(../images/image2.svg);
    width: 0px;
    height: 0px;
    display: inline;
  }
  </code></pre>
  
  <p>Also tried to pre-load just one image, this way:</p>
  
  <pre><code>#preload_area {
    background: url(../images/image1.svg) -9999px -9999px no-repeat;
  }
  </code></pre>
  
  <p>None of this works: after hard refresh, when hovering my button the first time, I still see a blink (corresponding to loading the hover image). Obviously after that first time there's no blink any more.</p>
  
  <p>Why is not working on Chrome? (it does work on Firefox)</p>