title: Flashing between page loads
body: <p>On a website, I'm experiencing a "flash" of white that occurs between page loads. It looks bad because I'm using a background image and when the page loads, the background images flash before it comes onto the screen (<a href="http://bigtim.ca" rel="noreferrer">take a look for yourself</a>). This issues occurs in chrome and IE but not in firefox.</p>
  
  <p>The site has a way of preloading stuff. Every element on the page is in a div wrapper <code>#website</code> which is initially at <code>display:none</code>, and every image is in a div wrapper <code>#website-images</code> which is also hidden. Then the site (using a jquery plugin) checks to see if all the images in <code>#website-images</code> are done loading, once they are a cookie is set to remember that this user has loaded the images already so it won't go through the preloading process once they go to another page or reload the current one, then a call to <code>$("#website").show()</code> is made to display the webpage. </p>
  
  <p>So what could be causing this flickering between the page loads? Is it my way of preloading images? I've added different doctypes, and changed meta information but NOTHING has worked. I'm really lost here, does anyone have any ideas or insights?</p>