Проблема с плавающей запятой в IE8 с CSS

Question

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

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

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

Есть идеи?

Спасибо, Кэррейг

Answer 1

Просматривая вашу страницу, я обнаружил, что по умолчанию она работает в режиме совместимости, что является вероятной проблемой, потому что, если я принудительно переключу ее в строгий режим, это, похоже, решит вашу проблему с плавающей запятой во всех случаях 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>