另一个 IE 图像对齐问题：浮动在右侧文本对齐古怪之处

Question

我有一个 元素设置为 display:block，其中有一些文本和一个 png 图像。 设置为 text-align:right，图像设置为 float:right。

除了 IE 8（但没有尝试过早期版本的 IE）之外，它在所有浏览器中都很好，它会在文本下方显示图像。如果我使用旧的负边距技巧，它会将图像覆盖在文本之上。

请注意，我必须包含 X-UA-Compatible 元标记才能使脚本正常工作（jQuery）。

我知道 IE 已经对 png 和 float 进行了调整。可以设置边距等以使它们看起来不错，但是有人想过为什么它们不只是流动在一起吗？

注意：我尝试在常规 div 中使用文本和 img 进行测试，这是同样的问题。