IE 9 CSS Float проблема!

Question

Следующая веб-страница не отображается должным образом в IE 9.

Кажется, это проблема только в IE 9.

http://froyo.tv/test/

list-Стиль изображения над изображением!

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) по центру слева;}