XF 1.5 .internalLink background styling and linked images

[markku]

I have the following css:

.internalLink {
    background: rgba(0, 0, 0, 0) url("http://www.forums.com/arrow.png") no-repeat scroll 2px 5px !important;
    font-weight: 600 !important;
    padding-left: 10px !important;
    text-decoration: none !important;
}

It works fine, puts a small arrow in front of all internal links.

However, when I use the following BBCode:

[URL='http://www.forums.com/threads/my-trip.1882/'][ATTACH=full]1234[/ATTACH][/URL]

It produces the following:

<a class="internalLink" href="http://www.forums.com/threads/my-trip.1882/">
<img class="bbCodeImage LbImage" alt="picture2.png" src="http://www.forums.com/attachments/xfarft-png.1234/">
</a>

And now that linked image will also have that arrow in front of the said linked image...

How can I remove the arrow (.internalLink background) from linked images? I'd only like to have the arrow for text links.

a class internalLink... within it is img class bbCodeImage...

Can I somehow combine these two in the CSS to remove internalLink background styling?

I've tried a lot of combinations but seem to be failing.

Thanks in advance!!

 

[markku]

Did I explain it badly or was this one of those things that cannot be worked around?