title: Hide span (or div) until javascript completes
body: <p>I'm using the Unit PNG Fix (<a href="http://labs.unitinteractive.com/unitpngfix.php" rel="noreferrer">http://labs.unitinteractive.com/unitpngfix.php</a>) to make a transparent png work in IE. It's being used on the background image of my logo container.</p>
  
  <p>So I have my html, which contains these relative items. In the head:</p>
  
  <pre><code>&lt;!--[if lt IE 7]&gt;
          &lt;script src="/assets/script_unitpngfix.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  </code></pre>
  
  <p>Then in the body:</p>
  
  <pre><code>&lt;a href="index.html" style="display:block;"&gt;&lt;span id="Logo"&gt;&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Since, the logo loads with a gray box around it before the Unit PNG Fix works its magic, how can I just hide the entire span until after the javascript is executed, so the user never sees the gray box?</p>
  
  <p>Thank you.</p>