"float: right" в браузерах Microsoft Edge и Internet Explorer отображается не правильно

[Bulat Ibrahim]

Привет всем. Есть два рисунка (стоят один за другим), которых я разместил по правому краю блока с помощью css-свойства "float: right". Проверял в браузерах Хром, Опера, Фаерфокс — отображаются нормально, а вот в браузерах Microsoft Edge и Internet Explorer второе изображение остается на месте. (вот этота страница)
Кто-то раньше с такими проблемами сталкивался? Как понял, проблема редкая — в интернете о такой проблеме ничего не нашел.

[Naive]

В ишаках исторически отступ плавающих элементов работает с симблингами, но не с родительским блоком, т.е. если ты левый марджин у второй картинки уберешь, то хромы и прочие будут показывать как ИЕ.
Вобщем, это чистая случайность, что у тебя ширина совпала, если бы этого не было, то все браузеры показывали бы одинаково: либо как хромы, либо как ИЕ.
Правильней было задать картинкам clear: right.

[Bulat Ibrahim]

Добавил свойство "clear: right" картинкам — оба поехали в самый низ блока.
Зато отображаются в ИЕ не так, как раньше (но все равно внизу)

[Naive]

Сообщение от Bulat Ibrahim

Добавил свойство "clear: right" картинкам — оба поехали в самый низ блока.
Зато отображаются в ИЕ не так, как раньше (но все равно внизу)

прикольно... у тебя колонки сдвигают вниз картинки, инкапсулируй контент, сделай внутри еще один блок и задай ему display: inline-block; with: 100%;
Должно помочь.