CSS: выравнивание изображений в IE против Firefox или Chrome - размер изображения все испорчен

Question

Вид расстраивающего меня вопроса.

Вот ссылка.Попробуйте это в IE, Chrome и Firefox.Последние два в порядке, и изображение выровнено вправо и выглядит как 375x500.Но в IE изображение выравнивается вправо, но выглядит как 15x500.

http://www.themoneygoround.com/2011/04/intc-intel-shows-up-strong-afterhours.html

Когда я смотрю на источник просмотра в IE, ширина и высота изображения должны быть 375x500,но это не то, что показывает.Изображение выравнивается вправо, как и ожидалось, но сжимается до 15x500.Спасибо за любые мысли ...

Вот CSS

p img {
    padding: 0;
    max-width: 100%;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
/* End Images */

Answer 1

Я также вижу проблему с IE 8. Проблема в том, что ваше max-width свойство для <img>. IE не будет правильно отображать max-width с типом документа XHTML (который вы, похоже, используете). Вы можете либо удалить max-width, либо использовать тип документа, который активирует стандартный режим в IE. Я рекомендую HTML5 doctype согласно этой статье .

Answer 2

Во-первых, я вижу около 14 ошибок javascript в IE, когда поднимаю сообщение о том, что 'null' является нулем или не объектом.Может быть, начать там?

РЕДАКТИРОВАТЬ: Кстати, я был в IE8

Рабочее решение:

Я удалил <p class="alignright"></p>, который оборачивал изображение, о котором идет речь, и он работал как шарм.

Посмотреть в моем работающем jsFiddle demo .