IE8 плавающая проблема с CSS

Question

Я уверен, что это должно быть покрыто раньше, потому что я уверен, что я не первый, кто делает это, но я не могу найти ответ. Я создаю эффект тени для <div>, используя повторяющиеся фоновые изображения. В двух нижних углах я использую маленькие 9x5 px изображения. Я плаваю влево и вправо, и в Firefox и Safari они выглядят идеально. В IE8 (и, возможно, в других IE) они плавают слишком далеко влево и вправо примерно на 3 пикселя.

Вы можете увидеть проблему на здесь. Это шаблон ebay для моей жены.

До сих пор я пытался установить display: inline, что было исправлением для похожих проблем IE6. Я также безуспешно пытался установить поля изображения и отступы на 0 пикселей.

Есть идеи?

Спасибо, Carraig

Answer 1

Просматривая вашу страницу, я обнаружил, что она по умолчанию переходит в режим причуд, что является вероятной проблемой, потому что, если я ввожу ее в режим Strict, это, похоже, решит вашу проблему с плавающей точкой во всех случаях IE.

прочитайте статью о ppk здесь: http://www.quirksmode.org/css/quirksmode.html

он объясняет, почему это происходит и как это исправить:)

Надеюсь, это поможет!

Answer 2

Я думаю, что это как-то связано с тем, что элементы с плавающей точкой выходят за границы div, попробуйте вставить это перед закрытием родительского div:

<div style="clear: both; font-size: 1px; line-height: 0px;"> &nbsp;</div>