проблема с CSS background-position прямо в IE

Question

У меня есть следующий код:

<p class="more"><a href="/stories" class="more">Read more</a></p>

и CSS:

a.more, a.back { padding: 0px 20px 2px 4px;}
a.more {background: url(../images/ui/arrowLeftBlue.gif) 100% 3px no-repeat;}

по какой-то причине - когда я JSfiddle это - это работает.но когда я смотрю его в IE9 - фоновое изображение не отображается справа от ссылки.интересно в IE8 - он показывает нормально.

вот скриншот сначала в IE9, а затем в IE8:

URL: http://bit.ly/wBsMBj

Спасибо!

Answer 1

Похоже, это связано с .. в фоновом URL. Я предполагаю, что IE9 начинает поиск из самого документа, в то время как другие браузеры начинают поиск из файла таблицы стилей. Итак, IE9 просто не может найти файл.

Чтобы решить эту проблему, просто используйте вместо этого путь:

background: url(/images/ui/arrowLeftBlue.gif);

В следующий раз, пожалуйста, опубликуйте свой реальный код, чтобы избавить людей от необходимости просматривать ваш источник живого сайта. :)

Answer 2

OK - найдено правильное решение:

, по какой-то причине выровненный по левому краю абзац НЕ должен иметь никаких отступов.поэтому я заменил отступы для поля вместо этого.

затем включилось изображение BG на якоре. Не знаю почему, но это работает.

в любом случае спасибо за помощь.