jQuery properties before page loads?
<p>I've got a few DIVs that I'm applying some basic jQuery animation to, such as animating and opacity change on mouseovers, etc. (ex: When you rollover an image, a transparent .png rollover fades in as well as a text box that slides up from the bottom, and both return to previous stage when mouseout)</p>

<p>Now I have the overlay image property set to hidden THROUGH jQuery, just incase JavaScript is enabled so that it doesn't interfere with the functionality.</p>

<pre><code>$('.nametag').css({
    bottom: '-25px',
    opacity: 0.7
});
</code></pre>

<p>However, when you load up the page, you see the text box (.nametag) appear then flickr away. </p>

<p>How do I hide the flicker effect, loading the jQuery CSS before the page even loads?</p>
