浮动图像扭曲IE9中的无序列表

Question

代码在这里：[删除]如果您注意到页面中心的3个内容框，它们都有一个左侧浮动的图像，其中2个也有一个无序列表。在chrome / ff中，无序列表正确地移动到浮动图像的右侧，但在IE9中，图像似乎扩展了列表宽度，将子弹推到框的左侧。我已经尝试了所有我能想到的东西，并且没有任何运气，任何帮助都非常感激。

Answer 1

IE9不知道如何正确放置列表项位置，请使用：

li{list-style-position: inside;}

在带有浮动图像的div内的列表上的

。祝你好运！

Answer 2

检查你的HTML。有<p>个标签未关闭。我目前无法在ie9中实时编辑您的页面，但这可能是问题所在。

编辑： 但它不是。如果您手动设置<li>元素的宽度，它可以工作，但这意味着要编辑图像的填充（您不想要，因为它在非浏览器中看起来会有所不同）。 它实际上在ie9的“兼容模式”中是正确的。