IE 9 CSS Float问题！

Question

以下网页未在IE 9中正确显示。

这似乎只是IE 9中的一个问题。

http://froyo.tv/test/

列表样式图像在图像上方！

IE9

Firefox，Chrome，IE8，...

编辑：我知道如何解决它！但我想知道IE9的实际情况

修正：http://froyo.tv/test/index_fix.php

Answer 1

我不确定为什么IE9的行为会有所不同，但您可以通过以下方式将其修复为：

• 删除margin-right: 30px上的.image。
• 删除width: 500px 上的.detail（您可能希望添加较小的width）
• 将float: left添加到.detail。

---

这是一个简单的问题再现。

• 破碎：http://jsfiddle.net/Nh3kf/
• 已修复：http://jsfiddle.net/Nh3kf/1/

Answer 2

这是对IE9中问题的解决方法：

li {list-style-position：inside;}

我猜IE9没有“内部”列表项目符号。

请点击此处修复：

http://jsfiddle.net/Nh3kf/40/

Answer 3

好的，使用Chrome我可以看到自定义列表图像，IE9不处理列表样式图像 不要使用它，试试这个：
li {background：url（your_image.jpg）center left;}