On my site I’m putting links around some images, like this page:
[url]http://www.girlscoutsmoheartland.org/pages/shop.php
where the HTML looks like this example:
[code=html]<a href=”/docs/shop/Shop Order Form.pdf” target=”_blank”><img src=”/images/files_tiny.gif” alt=”retail form” width=”18″ height=”19″ border=”0″ align=”absmiddle” />Use this one</a> for <strong>printing</strong> and filing out by hand,<br />
The thing is, in Chrome and IE 7 and 8, the little image in the link shows no underline, which is what I want. But in Firefox, there’s an annoying underline under the image.
Unfortunately, we want the image next to the link to be linked as well, so I can’t just move the image out of the anchor.
Is there some CSS I can use to tell the browser don’t underline a linked image?
(I assume “text-decoration: none” would have no effect.)
Thanks for any suggestions!