家族の会社のホームページを立ち上げてまだ１年ちょっと・・・CSSだのJSだのあれこれ勉強すべき事が山積みですが、硬化した脳みそがついて行けません（笑）。
ウラウザごとにこんなに表示のされ方が異なるのも、最近まで知らなかったくらいで・・・。

今後も参考にさせて頂きます。
重ね重ねありがとうございました。

ロールオーバー部分でなく、テキストの画像置換(テキストを隠して、背景に指定した画像のみを表示)の方のcssが引っかかってるようです。
スクロールすると出たり消えたりもするので、
overflow:hidden;
が上手く効いていないのかな…？と思って検索してみたら、どうやらビンゴみたいです。

IE7で td に指定した overflow:hidden　が 画面の拡大縮小で無効になる
http://shironotes.blogspot.com/2009/03/ie7-td-overflowhidden.html

(今回の対象はTDではないですが、恐らく現象は同じかと思います)

cssやJSを扱うと、IEにはいつも泣かされますね…。
仕様もよく変わるし、バグも多いので。

IEでのCSSのバグを回避するhasLayout | コリス
http://coliss.com/articles/build-websites/operation/css/143.html

こちらを参考にして、この記事のcssにzoom:1;を入れてみましたが、それでもまだ発生してしまうようですね…。

画像置換にoverflow:hiddenを使用せずに、
<a><span>＊＊＊＊</span></a>
のようにspanで挟んで、
a span {
display: none;
}
でテキストを消してやるのが堅いのかな…？（無駄なタグが増えますが）

元々、記事で使用してる画像置換は、
text-indentでテキストを飛ばす方法がよくないと言うことで、その代替の方法が色々と考えられてた中の一つなんです。

「css 画像置換」や「text-indent 9999px」などでググってみると、その他にもスマートな方法が色々出てくるので、一度参考にされてみるといいかもしれません。

全くのド素人で、うまく説明もできず申しわけありませんが、font-sizeは1pxにしても、問題は解決しませんでした。

家のマシンはWin7のIE8のみになってしまっており、IETesterやSuperPreviewでも再現できないようなので、
週明けに職場のテスト用の実機で改めて見てみます。
(IE8では問題無いようです)

IE7はXPでしょうか、Vistaでしょうか？
今回の件と関係があるかどうかは分かりませんが、VistaのIEでは、フォントの関係で、
aタグの画像置換等を行う際、cssでfont-sizeを小さくしておかないとはみ出して表示が崩れる、ということが時々起きていました。