Hi guys,

I'm building a site and have a link with an image and a text link below it to the same page such as this -

Code:
<a href="link.htm">
  <img src="link_picture.png" class="link_picture" />
  <br />
  link text
</a>
I have text-decoration: underline for links but my class for the picture has text-decoration: none. This works fine in all browsers except for Firefox that still displays a underline under the picture. Obviously I could seperate them in to two links but then my link text won't change color when you hover on the picture.

Does anyone know a solution whereby the picture won't have an underline but the link text will still change colour when you hover over the picture?#

Thanks.

(And if I come up with a solution before I anyone else I'll post it up here )