IE CSS Rollover Cache Bug

Basically, the bug is that if you use CSS for image rollovers (by giving a hyperlink a background-image and changing it with the :hover selector), Internet Explorer will (in most circumstances) check the server for a newer version of the image every time a user mouses over your hyperlink. This can merely look bad (it causes the image to flicker) or it can present real usability problems. The seldom-mentioned side effect is that when a user clicks the hyperlink, the IE 'loading' animation (or 'spinner' as some like to call it - that wavy window animation in the upper right corner) will stop as soon as the user mouses off of the hyperlink, making it seem as though the page load has completed. If you are using the hyperlink to submit a form, the user may click the button multiple times.

Seems like every time I run into this bug, I've forgotten where to find the relevant discussion, so....

Here's a solution on Css-Discuss that involves manipulating Vary headers server-side. Also, a discussion on Mezzoblue that seems to be a good general doorway into the topic. If you use Pixy's No-Preload rollovers, check out the bottom of this page for a client-side solution which may involve extra markup. This article at www.fivesevensix.com seems to be the most comprehensive write-up on the subject. Got any others?