Не работает max-width в таблице

Начиная с IE10 и Firefox присутствует ошибка, не работает параметр max-width: 100% для изображения, если изображение находится внутри таблицы.

Все решение заключается в том, что нужно добавить параметр table-layout: fixed в таблицу.
Пример верного решения:

<div class="container">
    <div>
        <img src="http://klenovnn.ru/pictures/ssd.jpg" />
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis
            ante, facilisis posuere ligula feugiat ut. Fusce hendrerit vehicula congue.
            at ligula dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            leo metus, aliquam eget convallis eget, molestie at massa.
        </p>
    </div>
</div>
.container { display: table; table-layout: fixed }
div { display: table-cell; padding: 15px; width: 200px; }
div img { max-width: 100%; }
2015   css   верстка
Популярное