144502 - CSS Background change on element hover not displaying correctly ...

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Lee Willis]

Hovering over the text "force9" shades the background of the whole text
according to the stylesheet. Hovering over the image shades the correct width,
but only as high as text would have been. Background of the whole image should
be changed.

Problem first noticed in galeon, but fails in mozilla 0.9.9 as well ...

Comment 1

[Boris Zbarsky [:bzbarsky]]

Sorry, this is invalid.

You have set a hover style on the <a>.  The height of the <a> is the height of
the font, like any non-replaced inline.  The image does not affect that.  If you
want the background to change across the whole image, you should do something
like:

a:hover * { background: whatever }

or 

a:hover img { background: whatever }

Given the CSS in that testcase, the rendering is correct as it stands.