title: showing loading image still shows "browser loading image" icon
body: <p>i have this code running to load my images all asynch and show a ajax loading image until the real image is downloaded.</p>
  
  <pre><code> $('img.loadable-image').css('background', 'transparent url(/images/ajax-loader1.gif) no-repeat center center')
  $('img.loadable-image').load(function() { $(this).css('background', ''); });
  </code></pre>
  
  <p>this works in that it shows my ajax loading icon until the images is downloaded but it also shows the background as well</p>
  
  <p>here is my original image html:</p>
  
  <pre><code>&lt;img class="loadable-image" src="mysite.com/validimage.jpg" border="0" height="50" width="50"&gt;
  </code></pre>
  
  <p>here is a screenshot of what i get:</p>
  
  <p><a href="http://img820.imageshack.us/img820/3289/ajaxload.png" rel="nofollow noreferrer">alt text http://img820.imageshack.us/img820/3289/ajaxload.png</a></p>
  
  <p>as you can see on the left, you see the little ajax loader but also see the missing image square around it.</p>
  
  <p>any suggestions?</p>