Making Firefox respect max-width inside table-cell

by Anov Siradj

HTML

<div class="container">
    <div>
        <img src="http://farm4.static.flickr.com/3352/4644534211_b9c887b979.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>

CSS

.container { display: table; table-layout: fixed }
div { display: table-cell; padding: 15px; width: 200px; }
div img { max-width: 100%; }