I lost 3 hours this morning searching everywhere to find a fix for this. Finally found it through a search on google and thought I would share with you guys, might help someone and prevent them for loosing their precious time!


Insert this in your stylesheet.css :

Code:
a img {
    border: none;
    vertical-align: middle;
}
The border property removes the box around the linked image but in Firefox there is still an annoying underline under the linked image. BTW will only remove boxes for linked images because it is under the "a" tag .

The important part is the vertical-align statement, which "drops down" the image a bit from what I've read to probably disassociate the image from the link in Firefox, anyways it works!

Tried in both Firefox 3.0 and Internet Explorer 7.0 and works/displays perfect for me without that annoying underline in FF!

Have fun!