I'm currently making a site with html and css and a combination of text, images and flash.

When the page is loading, I want certain images to load first - mainly the images referenced by an external css file.

At the moment, to do this I have put all the images i want loaded first into a div set to position:absolute and visibility:hidden at the top of the html document, so it comes across these images first and they get put in the loading "queue" first.

This method works fine for IE7, but Firefox completely ignores the images hidden in the div and just does it's own thing. I'm not really sure why , as that div is right at the top of the page so it should load them first.

Is there any reason for this, and are there any simple work arounds for this?