title: Preload image CSS
body: <p>I have problem with a preloaded image on Firefox. On (webkit) Chrome/Safari it looks fine.</p>
  
  <p>Let's take a look.</p>
  
  <p>I have <code>:hover</code> load image 
  the css file:</p>
  
  <pre><code>.zz{background:url(../img/guzik_01_ofirmie_PL_A.png) no-repeat; height: 1px; width: 1px; position:absolute; } 
  
  li#ofirmie{background:url(../img/guzik_01_ofirmie_PL_B.png) no-repeat; height: 44px; width: 108px; position: absolute; z-index: 1000;}
  
  ul.menu li#ofirmie:hover {background:url(../img/guzik_01_ofirmie_PL_A.png) no-repeat; height: 44px; width: 108px; position:absolute;}
  </code></pre>
  
  <p>and HTML</p>
  
  <pre><code>&lt;div class="zz"&gt;&lt;/div&gt;
  
  &lt;li id="ofirmie" &gt;&lt;/li&gt;
  </code></pre>
  
  <p>Why doesn't Firefox load the image from the cache, rather than from server? </p>
  
  <p>How can I fix it?</p>