IEに学ぶ?text-indent:-9999px

【好奇心にはジレンマが憑き物】であります。
画面右上に「大」「中」「小」というボタンのあるサイトの意味を知るために請けた仕事の中でひとつ発見がありました。

画像のボタンを配置する際のスタイルシートのおまじない
「text-indent:-9999px;」に、どうもブラウザによって表示不具合が生じる件です。

(不具合はもちろんIE!)

[css]
.hide-text {
text-indent:-9999px;
width:**px;
height:**50px;
background:url(***.jpg) no-repeat;
}
[/css]

(下記で解決!)

[css]
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width:**px;
height:**50px;
background:url(***.jpg) no-repeat;
}
[/css]

このコード、以前にもメモ程度ですが
「リンクメニューによく使われるCSS」の一部として書いていました。