Firefox 25 からCSSグラデーションの描画方法が
変わったみたいで表示がおかしくなってしまいました。
テストページでは width の幅が増えるほどぼやけます。
Firefox 24 までなら幅が違っても表示に違いありません。
IE 11 や Opera 12 では Firefox 24 以下と同じです。
ちなみに Chrome は論外。
ピクセル指定した場合はそのピクセルの範囲内だけで
グラデーションするものだと思うのですが・・・。
テストページの様な場合
background-size の指定と background-repeat:no-repeat を
書き加えれば width の幅が変わっても表示は一定になります。