Firefox и Chrome перестают отображать мой спрайт после 655 изображений

проблема

Привет, я работаю со спрайтами и получил интересное поведение Firefox и Chrome. Когда мой спрайт имеет 655 изображений или меньше, мой спрайт работает нормально. Но когда он идет дальше (656 или больше), он не отображается (просто становится невидимым). Я предполагаю, что проблема не в моем коде, поскольку он отлично работает в Opera и IE. Почему?

подробности

Я использую PHP для генерации спрайтов на лету. Сгенерированный html выглядит следующим образом:

<span class="_sprite_images _sprite_images_1"></span>
<span class="_sprite_images _sprite_images_0"></span>
<span class="_sprite_images _sprite_images_2"></span>
<span class="_sprite_images _sprite_images_3"></span>
<span class="_sprite_images _sprite_images_4"></span>
<span class="_sprite_images _sprite_images_5"></span>

[...]

, а CSS выглядит так:

._sprite_images{background:url("../sprite_images/sprite.jpg");display:inline-block;}

._sprite_images_0{width:50px;height:50px;background-position:0 0px;}
._sprite_images_1{width:50px;height:50px;background-position:0 -50px;}
._sprite_images_2{width:50px;height:50px;background-position:0 -100px;}

[...]

Каждое изображение моих спрайтов имеет размер 50x50 (px) и размер от 2 до 6 КБ. Я тестировал их с типы jpg, png и gif. Все получили одинаковые результаты.

скриншоты

655 изображений

656 изображений