169970 - Background color of a hovered link not fully filled in if link is an <img>

Status: RESOLVED DUPLICATE of bug 137060

(SeaMonkey :: General, defect)

Description

[brent]

Suppose that you have specified that links should change background color when
the mouse hovers over them, say with a style sheet declaration like

a:hover {
	text-decoration: underline;
	color: black;
	background-color: #bbbbff;
}

The above effect works great for text links, like
    <a ...>some random text here</a>

But in Mozilla 1.1 (what I am using now), it only partially works if the link
contains an image like
    <a ...>
        <img ...>
    </a>

What Moz does in the above case is only change the background color in a box
whose height is equal to the height of a line of text IF a line of text where
there (which it isn't).  Your image, however, is typically much taller than this
text box, so the visual effect is that you see a thin blue band just at the
bottom of your image when you hover the mouse.  It looks weird.  Even more
galling, IE actually gets it right, and changes the background all around the image.

For a concrete example of this effect, goto
    http://www.cfan.net/html/home.html
and move your mouse over the graphic in the top left of the page.  Now do this
with IE (I used version 6).  You will instantly see what I am talking about.

I assume that this is a bug in Moz?  Or did I simply not understand the CSS
spec, and what Moz does is what it is supposed to do?

(A search under Bugzilla with the keywords
    a link hover img background
turned up nothing...)

Comment 1

[Mats Palmgren (inactive)]

*** This bug has been marked as a duplicate of 137060 ***