What method do you use to preload images?
I noticed all my :hover buttons don't load until you hover over the button. Makes sense, but I'd like that image to already be loaded, so you don't see it blank out while it's loading for the split second.
Edit: I'm trying to load some images before they are called into action. Just general preloading, not for a hover.
My first though is throwing all the images into a div and hiding the div with display:none or visiblity:hidden. Then.. I started thinking, what about a single div with a class name of "preloader". In the CSS I could throw multiple backgrounds at it, so it'll load them all. I havn't tested this theory yet, but I think even browsers that don't support multiple backgrounds would at least load the background.
Thoughts? Suggestions? Magic tricks?