将<img>与a<ul>中的文本对齐的ie7 css错误

在过去的几天里,我一直在为这个ie7的缺陷而努力,现在是时候求助于大众的想法了。

我有以下HTML和CSS: http://beerpla.net/for_www/ie7_test/test.html

我们的目标是 <ul> ,每一个 <li> 包含一个小图标和一些文本。多行文本将与自身对齐,而不是在图像下换行。

我试过用 float:left 关于图像和其他一些事情,最后我想 position:absolute 当然可以,但在IE7中,我总是看到文本弹出到下一行,并与图像不一致:

这就是我所期望的:

我甚至试着去做跳水 display:inline 哪种方法有效,但随后开始在图像下包装成长行,因此效果不佳。 zoom:1 也产生了类似的效果。

我现在不知所措。此代码在所有其他浏览器中都可以正常工作。IE7是一个特别的,非常特别的孩子。

有什么想法吗?

谢谢您。

编辑: 如果你有IE8,你可以通过按F12然后按Alt-7来模拟IE7。