IE 9 CSS Float 问题！

Question

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

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

http://froyo.tv/test/

list-style-image 在图片上方！

IE9

火狐、Chrome、IE8、...

编辑：我知道如何解决它！但我想知道 IE9 到底发生了什么

固定：http://froyo.tv/test/index_fix.php

Answer 1

这是针对 IE9 中的问题的修复：

li{list-style-position: inside;}

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

在这里修复：

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

Answer 2

我不确定为什么 IE9 的行为有所不同，但您可以通过以下方式修复它以使其始终如一地工作：

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

---

这是问题的简单再现。

• 坏了：http://jsfiddle.net/Nh3kf/
• 固定：http://jsfiddle.net/Nh3kf/1/

Answer 3

好的，使用 Chrome 我可以看到自定义列表图像，IE9 不处理列表样式图像。
而不是使用它，试试这个：
li {background:url(your_image.jpg) 居左；}