title: jquery png fix on hidden div and jquerybrowser question
body: <p>I have some code that if Javascript is available, it will remove a GIF image and replace it with a PNG image. The PNG is display:none and the GIF is visible. </p>
  
  <p>Since IE6- browsers can't load PNG, I have loaded the jquery PNG fix. But it only seems to work if the image is already visible. </p>
  
  <p>The other issue is I am trying to get the jquery.browser function to apply to less than version 6, and I am not having much luck.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $("#gif").hide();
  
  
  
          jQuery.each(jQuery.browser, function(i, val) {
    if($.browser.msie &amp;&amp; jQuery.browser.version &lt;="6"){
       $("#png").show(); 
       $('.png').pngFix()
    }else{
       $("#png").fadeIn("slow");
  
    }
  });
  
  
  
  
  
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;img class="png" id="png" src="images/main_elements/one-2-flush-it-campus-challenge.png" style="display:none;" /&gt;
  &lt;img id="gif" src="images/main_elements/one-2-flush-it-campus-challenge.gif"/&gt;
  </code></pre>