Плавающее изображение вправо и влево в текстовое поле странный интервал в IE

Question

Мой пример здесь

Логотипы выглядят хорошо, когда им говорят, что они выровнены вправо или влево в FF, и они, кажется, правильно переносятся по тексту, но в IE огромный разрыв появляется после первой строки текста.

Я также создал плавающий правый и левый стили и попытался применить к логотипам, но получил тот же эффект. Я знаю, что это проблема в IE, но я пока не нашел ее.

Answer 1

Вместо того, чтобы использовать align = "left" и align = "right" в вашем HTML, просто включите атрибуты float в объявления floatleft и floatright CSS:

.floatleft {
    float:left;
    padding: 0px 8px 8px 0px;
}
.floatright {
    float: right;
    padding: 0px 0px 8px 8px;
}