IE6 でロールオーバーがちらつく問題

CSSの background-image の position を変化させて

ロールオーバーを実装したときに、画像が表示されるたびに

ちらちらと画像が消えては表示される、ちらつきがでる場合があります。

background-position を変更するたびに画像を再読み込みしているのが

原因らしいです。また、この現象は、IE６特有で他では起こらないとのことです。

対処法としては、

CSSのみで対処する場合

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

Javascriptで対処する場合

try {
document.execCommand(”BackgroundImageCache”, false, true);
} catch(e) {　}

expression はもっぱら処理が遅いとのことなので

Javascriptで対処するほうが良いのかな。