Hide span (or div) until javascript completes
<p>I'm using the Unit PNG Fix (<a href="http://labs.unitinteractive.com/unitpngfix.php" rel="nofollow">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>
