Почему display: inline убивает производительность IE 8.0?

Question

У меня есть галерея изображений на основе этого плагина jQuery:

http://jqueryfordesigners.com/demo/slider-gallery.html

Это очень хорошо работает в Firefox, Chrome и даже IE 7.0, но когда я пытаюсь сделать это с более чем 50 изображениями в IE 8.0, производительность невероятно низкая. Простое наведение на миниатюру приводит к загрузке процессора до 100%.

Сначала я подумал, что это проблема с Javascript, поэтому я использовал профилировщик IE, но результаты были нормальными. Затем я проверил CSS и наконец нашел причину:

.sliderGallery UL LI { дисплей: встроенный; }

Получает миниатюры для выравнивания по горизонтали. Если мне удастся отобразить: block, производительность в порядке, а скроллер все еще работает, но, очевидно, это выглядит забавно, потому что большие пальцы выровнены по вертикали.

Мои вопросы:

1. Почему IE 8 имеет такую ​​проблему со многими дисплеями: встроенные элементы
2. Что я могу сделать, чтобы решить эту проблему

Я с удовольствием предоставлю больше информации, если это необходимо.

Answer 1

Вы можете попробовать:

display: inline-block;

вместо display: inline;

Лемми знает, работает ли это.