IE7 CSS错误对齐<；img>；文本位于a<；ul>；

在过去的几天里，我一直在努力解决这个IE7错误，现在是时候求助于人群的想法了

我有以下HTML和CSS：

目标是有一个

，每个

包含一个小图标和一些文本。多行文字将与自身对齐，而不会在图像下换行

我尝试在图像上使用

float:left

和其他一些东西，最后我认为

position:absolute

肯定会起作用，但在IE7中，我始终看到文本弹出到下一行，并与图像不对齐：

这就是我所期望的：

我甚至试着让div

display:inline

，这是一种有效的方式，但后来开始在图像下换行，所以效果不好<代码>缩放：1也产生了类似的效果

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

有什么想法吗

多谢各位

---

编辑：如果您有IE8，您可以通过按F12，然后按Alt-7模拟IE7。

尝试在li上使用填充，而不是在div上使用边距。如果display:inline有效，这可能是IE在以某种神秘的方式计算div的盒子模型时遇到的问题：在li上填充，或者在div上显示：inline可能会解决问题。

尝试在li上使用填充，而不是在div上使用边距。如果显示：inline有效，这可能是IE在以某种神秘的方式计算出div的盒子模型时遇到了瓶颈：在li上填充，或者在div上显示：inline可能会解决这个问题。

将

标记移动到

中可以解决这个问题。我仍然不知道IE7为什么会这样做。

将

标记移动到

中可以解决这个问题。我仍然不知道IE7为什么这么做。

尝试使用background属性，而不是将图像作为元素。像这样

ul li { background url(path to image) 0 0 no-repeat; padding: 0 0 0 20px; }

---

注意：您可能需要调整填充以适应图像和文本之间要保持的距离。

请尝试使用“背景”属性，而不是将图像作为元素。像这样

ul li { background url(path to image) 0 0 no-repeat; padding: 0 0 0 20px; }

---

注意：您可能需要调整填充以适应图像和文本之间要保持的距离。

返回到将图像向左浮动，然后添加

溢出：隐藏到div。文本将不再环绕在图像下方，并且没有副作用，除非您尝试从div内部向外定位内容（此处未看到）。完全兼容的跨浏览器。使用IE6，您只需通过任何方式添加即可获得相同的效果。
返回左侧浮动图像，然后添加
溢出：隐藏到div。文本将不再环绕在图像下方，并且没有副作用，除非您尝试从div内部向外定位内容（此处未看到）。完全兼容的跨浏览器。使用IE6，您只需通过任何方式添加即可获得相同的效果。
IE8在兼容模式下与IE7不同——不会在该模式下进行调试。实际上，您可以将其从IE8兼容模式切换到IE7浏览器模式-它将像IE7一样呈现。在任何情况下，我也有多个IE模拟器，它们都产生相同的结果。实际上，我也在普通的IE8中得到了它。Hrm，我的IE8显示与Firefox相同。IE8在compat模式下与IE7不同——不会在这方面进行调试。实际上，你可以从IE8兼容性将其切换到IE7浏览器模式-它将呈现得与IE7一样。在任何情况下，我也有多个IE模拟器，它们都产生相同的结果。实际上，我也在普通的IE8中得到了它。Hrm，我的IE8显示了与Firefox相同的结果。就是这样！我已经有一段时间没有在浏览器上看到比这更荒谬的行为了。我仍然希望得到一些解释，解释为什么它在其他方面不起作用，特别是位置：虽然是绝对的，但可能得到一个更干净的解决方案。就是这样！我已经有一段时间没有在浏览器上看到比这更荒谬的行为了。我仍然希望得到一些解释，解释为什么它在其他方面不起作用，特别是位置：尽管是绝对的，也许会得到一个更干净的解决方案。