У меня есть элемент <a>, установленный на display:block, внутри которого есть текст и изображение в формате png. Значение <a> установлено на text-align:right, а изображение установлено на float:right.
Это нормально во всех браузерах, кроме IE 8 (но не пробовал в более ранних версиях IE), который отображает изображение под текстом. Если я использую старый трюк с отрицательным полем, он накладывается на изображение поверх текста.
Обратите внимание, что мне пришлось включить метатег X-UA-Compatible, чтобы скрипты работали вообще (jQuery).
Я знаю, что IE был хитрым с png и float. Можно установить поля и тому подобное, чтобы они выглядели хорошо, но у кого-нибудь есть мысли о том, почему они не просто сливаются?
Примечание: я пробовал тесты с текстом и img в обычном div, и это та же проблема.