Почему не работает max-width?

Question

[Eugene Chefranov]

Почему не работает следующий код в IE и как можно решить это?

.block-text-post p img,
.block-text-post img {
width: auto;
max-width: 100%;
height: auto;
}

<div class="block-text-post">
<a href="#"><img src="img/nf1.png" alt="Картинка"></a>
</div>

В IE большая картинка ломает верстку, в остальных браузерах всё ок. Просто свойство width: 100% не подходит, так как картинки могут быть маленькие и большие.

Comments

[Exploding]

Решением вопроса можно выбрать несколько вариантов ответа. [кагбы намекаю]

Answer 1

[Eugene Chefranov]

Проблему решил. Проблема была в том что для ссылок стояло свойство display: inline-block; и надо им было задать максимальную ширину

.block-text-post a {
    display: inline-block;
    max-width: 100%;
}

Answer 2

[Антон Спирин]

Уберите width: auto;
https://jsfiddle.net/urbt4L1u/

Comments

[Eugene Chefranov]

У меня не работает. Вот попробуйте в IE