How show the content of a div after the CSS inside is ready
<p>I have this Code:</p>

<pre><code>$.ajax({
    type: 'GET',
    url: 'url.php',
    success: function(data){
        $("div#mainclass").hide().html(data).fadeIn(100);
    }
});
</code></pre>

<p>When the fadeIn triggers, I see for a very short time, the html flashing with no CSS-Style applied, before the CSS applies. This problem is only visible in Firefox, Chrome seems to be fast enough. How can I prevent the display, until the CSS is parsed and applied?
<br>
Of course, I already tried a few things, but no luck^^</p>

<pre><code>$("div#mainclass").hide().html(data).delay(200).fadeIn(100); 
// With Delay -&gt; Same problem
</code></pre>

<hr>   

<pre><code>$("div#mainclass").hide().html(data).ready(function(){
     $("div#mainclass").fadeIn(100)
}; 
// Also the ready Function doesn't help here.
</code></pre>

<p><hr>
Thanks a lot!</p>
