パソコンQ&A

text-indent:-9999px;
でリンクボタンなどを画像置換え（IR法・Image Replacement法）するとFirefoxで枠線が左に大きく出てしまいます。
Firefox 1.5以降のバージョンからこの現象が見られます。

次のようにして完全に枠線を消してしまうと、ユーザビリティ的にはよくないです。

これは

を指定することで回避できますが、SEOスパムと判断される可能性もあります。

そこで

を指定するとキレイに枠線が表示されます。
しかし、これを指定するとMacIEで画像まで完全に消えてしまうことがありますので MacIEには適用されないように次のようにすることで回避できます。