Flotar una imagen hacia la derecha y hacia la izquierda en el cuadro de texto espaciado extraño en IE

Question

Mi ejemplo es aquí

Los logotipos se ven bien cuando se les dice que se alineen a la derecha o izquierda en FF y parecen ajustarse correctamente con el texto, pero en IE aparece una gran brecha después de la primera línea de texto.

También he creado estilos flotantes a derecha e izquierda e intenté aplicarlos a los logotipos pero obtuve el mismo efecto. Sé que esto es un problema en IE, pero aún no he encontrado la solución.

Answer 1

En lugar de usar align = " left " y alinear = " derecha " en su HTML, solo incluya atributos flotantes en sus declaraciones CSS floatleft y floatright:

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