I have set up a few classes which are to be attached to links to show that they are pdf docs, word docs.....

http://www.lsbu.ac.uk/sbucomm/rossNe...s/domAdditions

I thought this was going to be pretty simple - but good old IE breaks the design. Everything is fine until a link wraps over two lines - if you look at "his personal blog" you will see what I mean - the background icon 'disappears' from view as the "right bottom" isn't calcualted to be the right of the end of the link

The CSS is pretty simple -

Code:
#mainContent a.externalLink {
	padding-right: 20px;
	background: url(../images/popUp.png) no-repeat right bottom;
}
Anyone know how I can fix this???

Thanks very much!

edit - I tried putting the Holly Hack in to ensure it "hasLayout" but still not luck!