Image Load Order

nice looking design

Interlacing doesn’t have any effect for css background images – have to wait until they are completely loaded until they display.

The browser kind of just tries to process things in the order in which it encounters them, plus there’s a bit of a delay while it loads and interprets the linked CSS. You could perhaps try moving your key elements to be inline css above the css LINK tag in the HEAD so that they are referenced and loaded first.

Your images also seem pretty huge but I guess thats the rub for such a highly graphical design.

or you could try for some javascript solution and delay everything until all or specific items have loaded. A bit of messing about I’ve found in the past and you’d perhaps need to create a loading state also.

I see you’ve also got 2 referenes to style.css in your HEAD – that may also be causing some double load issue perhaps. Not sure but I’d definately fix that first.