The Problem:
I recently came across this CSS ‘bug’ where if you place an <img /> tag inside your <a></a> tags you will get an underline for not only the text inside the <a></a> tags but for the image as well. This ‘bug’ only occurs in Firefox however. I put bug in quotes because it seems that the way Firefox handles this is as specified by the W3C. A test case would look like this:
<a href="#"><img src="yourImage.url" />Some link text with underline.</a>
The other browsers I have tested (IE8,7,6 and Chrome) don’t give the image an underline. Continue reading
