Question

i have the following code:

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

and CSS:

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

for some reason – when i JSfiddle it – it works.
but when i view it in IE9 – the background image doesn’t show on the right of the link.
interestingly in IE8 – it shows fine.

here’s a screenshot first in IE9 and then in IE8:

URL: http://bit.ly/wBsMBj

Thanks!

Answer 1

OK – found the correct solution:

for some reason, the left-aligned paragraph needed to NOT have any padding in it. so i replaced the padding for margin instead.

then the BG image on the anchor kicked in.
not sure why, but it works.

thanks anyway for the help.