How come my Preloader barely works in FF and not at all in Chrome?
<p>Now the problems might be different for everyone, however in Firefox - the loading finishes and the load div doesn't disappear unless you refresh the browser. In chrome, the load never disappears. I don't have IE so I'm not sure what scary things happen there.</p>

<p>A breakdown of my code:</p>

<ul>
<li><strong>A,B</strong> Preload and set 2 backgrounds</li>
<li><strong>C</strong> Load in a container window which will house all content</li>
<li>Load some content(<strong>D</strong>), and load more content(<strong>E</strong>) inside inside
content(<strong>D</strong>)</li>
<li><strong>F</strong> <em>Preload</em> Div on top fades out</li>
<li><strong>G</strong> Div with preloaded background(<strong>A</strong>) fades in</li>
<li><strong>H</strong> Fade in a DIV which contains container(<strong>C</strong>) and all content(<strong>D</strong>,
<strong>E</strong>)</li>
<li><strong>I</strong> Do some minor initial setup to tables in <a href="http://nightlifebratislava.com/demos/verzia2/js/functions.js" rel="nofollow">functions.js</a></li>
</ul>

<p><a href="http://nightlifebratislava.com/demos/verzia2/" rel="nofollow">Here is what it looks like</a></p>

<p>And here's the code:
<em>I put the comment letters on the right-hand side</em></p>

<pre><code>    var  src1 = 'img/map_bg_1680.jpg'                                                              //A
    , $img1 = $( '&lt;img src="' + src1 + '"&gt;' );                                                   //A

    var  src2 = 'img/menu-background.png'                                                          //B
    , $img2 = $( '&lt;img src="' + src2 + '"&gt;' );                                                   //B


$img1.bind( 'load', function(){                                                                 //A
    $( '#bgDiv' ).css( 'background-image', 'url( ' + src1 + ')' );                                  //A

        $img2.bind( 'load', function(){                                                         //B

            jQuery('#main-content-fiftyfive').load('index2.html', function() {                     //C
                jQuery( '#viewport-container' ).css( 'background-image', 'url( ' + src2 + ')' );   //A

                $('#right-content').load('partytool.html', function() {                         //D
                    $('#whole-ajax-content-one').load('events.html', function() {                   //E
                        $( '.preloader' ).fadeOut('slow', function() {                              //F
                            $( '#bgDiv' ).fadeIn('slow', function() {                               //G
                                $( '#table-holder' ).fadeIn('slow', function() {                    //H
                                initialConfig();                                                   //I
                        });
                    });
                });
            });     
        });
    });
} );
} );
if( $img1[0].width ){ $img1.trigger( 'load' ); }                                                     //A
if( $img2[0].width ){ $img2.trigger( 'load' ); }                                                     //B
</code></pre>

<p>Thanks for your help everyone :))</p>
