[dir]ホームページ作成総合コミュの画像のロールオーバーについて

お世話になります。
質問させてください。また、過去に同じような質問がありましたら申し訳ありません。
CSSにてメニューボタンのロールオーバーを行っておりますが、IE6で見ますと画像が切り替わる際タイムラグが生じ、一瞬ボタンが消えてしまいます。
メニューボタンは100×40のものを横に配置した格好です。
つまり全体では200×40pxとなります。
CSSは
#menu ul {
margin: 0;
padding: 0;
}
#menu li {
list-style: none;
float: left;
margin-right: 5px;
}
#menu li a{
display: block;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999px;
height: 40px;
width: 100px;
}
#menu #menu_01 a{
background-image: url(../common/home.gif);
}
　　　　・
　　　　・
　　　　・
#menu li a:hover {
background-position: -100px 0;
}
としてあります。
他のブラウザでは問題ないのですが、IE6のみおかしくなります。
何かCSSの記述が悪いのでしょうか？
色々やってみましたがお手上げ状態です。
まだIE6を使っている方が多いようですのでなんとかなればいいのですが。
詳しい方がいらっしゃいましたらご教授お願いします。