Hi all...

I've just created a simple site with a simple javascript rollover.. i've done heaps of these before, and with all of them once both images have loaded, then they are stored in the browser's memory, and each time the image is rolled over and off, the images load super quick from memory instead of being downloaded again...

however for this site they are not being cached, so when the mouse rolls over, the rollover image is downloaded, then when it rolls off, the original image is downloaded again, instead of being loaded from cache...

any idea how i can fix this?

I've tested it, and found that it works fine in Opera and IE5.5, but not IE6 (I've confirmed this on 4 separate PC's). I'm thinking it could have something to do with image size - is there a maximum size that can be cached by the browser?

the page in question is http://www.suttercain.net/tempsite.html (the main flyer image)

Any suggestions would be welcome
Greg