278888 - :hover bg color overwrites page background-image url

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[R A Lichtensteiger]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050118 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050118 Firefox/1.0+

The background color declared in CSS :hover{} causes firefox (current nightly
build and release 1.0) to "blank out" the background-image in the body{} stanza.
The background color displays normally if you move the cursor focus outside the
page contents (Eg., tab bar, menu bar, outside Firefox)

The "blanking" seems to follow table and div boundaries.

If you go to my homepage (in URL above) you can see this behaviour. The page in
question passes both the W3C HTML and CSS validation tests.

Reproducible: Always

Steps to Reproduce:
1. Go to http://www.tifosi.com/rali
2. Wave the cursor around the page and menu bars
3. 

Actual Results:  
The background image will appear and disappear -- ie., the :hover background
color  supercedes large parts of the page background

Expected Results:  
Only the anchor links should have gotten the :hover background color.

Largely a cosmetic problem: The :hover foreground color works correctly so the
page remains legible and works properly.

Comment 1

[Phil Ringnalda (:philor)]

CSS doesn't specify which elements can have :hover states (or, rather, specifies
that it does not specify which ones to give them to) - IE only gives them to
links, Gecko gives them to more. If you only want a:hover, it's best to use that
as your selector, rather than :hover, which applies to whatever elements that
particular user agent chooses to give a :hover state.