203665 - CSS :hover doesn't handle background-color changes properly

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Jonas Maurus]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3) Gecko/20030312
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3) Gecko/20030312

On this particular page (http://www.exquisit-promotions.de/) the designers used
an interesting approach. The "Sweet" logo is a transparent/white gif in a table
column with a green background. As can be seen in the two associated style
sheets http://217.115.134.162/exquisit/gruen.css and
http://217.115.134.162/exquisit/all.css the background of the cell should change
to red during the hover event. Therefor the logo should become red. The same
technique is used with the menu buttons.

This might be associated with the rendering "looking through" a transparent gif. 

It also might be related to bug 915 or bug 98694.

Reproducible: Always

Steps to Reproduce:
1. Go to http://www.exquisit-promotions.de/
2. Move the mouse pointer over the SWEET logo


Actual Results:  
The lower part of the SWEET logo changes to red.

Expected Results:  
The whole logo should have changed to red, as the background of the whole table
cell changed via hover.

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Our behavior is correct.  The background of the cell stayed the same -- only the
background of the A element changed.  The A element is an inline, non-replaced,
element, so, according to section 10.6.1 of CSS2, its height is determined by
the font metrics.