Здравствуйте.

Требуется выровнять по центру изображения вертикально и горизонтально внутри одинаковых блоков. Для выравнивания по вертикали используется vertical-align:middle и display:table-cell (+ хак с expression для дедушки IE6). С горизонтальным выравниванием по идее проблем быть не должно - text-align:center;

Для того, чтобы все изображения помещались в контейнер (размеры и пропорции изображений различны), сделано ограничение max-width и max-height для изображений внутри контейнера.

Всё бы ничего, но IE7 (8,9) упорно "расширяет" элемент table-cell до реальной ширины изображения (как будто бы не обрабатывает max-width), однако изображение при этом отображается уменьшенное

Собственно, демонстрация (для сравнения можно посмотреть в IE>6 и Mozilla|opera):
http://www.levik.info/test/display-cell.html

Подскажите, пожалуйста, как лучше реализовать выравнивание?
ps. И скорее для спортивного интереса.. почему так происходит?