CSSでスプライト画像を指定するときIE8だけ表示されないことがある

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;
}

と、書くとダメなようです。
こういう微妙なバグ?は厄介ですね、ということでメモ。