CSSでスプライト画像(複数の画像を一つの画像ファイルにまとめた画像。HTTPリクエストを減らすのに役立つ)の設定をしていた時、ChromeとかIE9では画像が表示されるのにIE8では表示されないことがありました。なぜだろうと調べてみたところ、
.button-content { /* 正常に画像が表示される */ background: url(../img/sprite.png) no-repeat -35px 0; }
と、書けば大丈夫だけど、
.button-content { /* no-repeatの前に半角スペースがないと、IE8で画像が表示されない。 */ background: url(../img/sprite.png)no-repeat -35px 0; }
と、書くとダメなようです。
こういう微妙なバグ?は厄介ですね、ということでメモ。