Как заставить работать стили в Firefox с наследуемой шириной от table-cell ?

Question

[Тимур Калимуллин]

Привет,

для центрирования и масштабирования изображений на сайте написан простой CSS класс для выравнивание их по:
1. вертикали;
2. горизонтали;
3. не выходить за границы родителя.

Тестирую в Chrome, все работает.
Тестирую в Firefox, изображение выходит за пределы родителя.

Ссылка на демо: jsfiddle.net/ZetRider/7WBz7/3

Так же необходимо учесть, что картинка может быть меньше по ширине своего родителя.

В чем особенность Fierfox перед этой задачей?

Answer 1

[Appp Zooo]

Заменить max-width на width:

.t_m img {
    width: 100%;
}

Fiddle, и будет везде одинаково :) (проверил и IE11) п.с. Firefox

Comments

[Тимур Калимуллин]

но если картинка меньше ширины блока? пример jsfiddle.net/ZetRider/7WBz7/5