Closed Bug 253605 Opened 20 years ago Closed 20 years ago

Glitch when hovering over inline element with background-image and other odd CSS rules

Categories

(Firefox :: General, defect)

Product:
Firefox
Component:
General
Platform:
x86
Windows XP
Type:
defect
Priority:
Not set
Severity:
trivial

Tracking

()

Status:
RESOLVED DUPLICATE of bug 237766

People

(Reporter: rgg1880, Assigned: bugzilla)

Details

(Keywords: css2) 

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a3) Gecko/20040729 Firefox/0.9.1+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a3) Gecko/20040729 Firefox/0.9.1+

A div absolutely positioned to the far right, with a background-image assigned,
that contains the following:

2 main inline elements (<a>'s or <span>'s work)
1 inline element between them
Various CSS rules for these elements, as outlined in "Steps to Reproduce"

will trigger a graphical glitch if you hover over either of the 2 main inline
elements.

Reproducible: Always
Steps to Reproduce:
1. Copy the code below and save as an HTML page.  Be sure to check the notes
below the code.
2. Open in Firefox.
3. Hover over "test1" or "test2".

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"> <<1>>
<html>
<head>
<style type="text/css">
#test {position: absolute; right: 0; padding-left: <<2>>; background:
url(whatever.gif<<3>>) bottom left no-repeat}
b {display: none}
span {padding: 0 7.2px<<4>>}
span:hover {border-bottom-width: 1px}
</style>
</head>
<body>
<div id="test">
   <span>test1</span><b>|</b><span>test2</span>
</div>
</body>
</html>

<<1>> XHTML 1.0 Transitional did the same too
<<2>> This should be the pixel width of the background-image.  In my case, it
was 32px.
<<3>> I was using an image 32px wide and 9px tall for most of the testing,
although the height didn't seem to matter.  Just make a test image in your
favorite graphics program.
<<4>> No idea about this value, but changing it 0.1px up or down makes the
glitch disappear.
Actual Results:  
The background image repeated itself behind "test1".  This second image
disappears after refreshing, switching to another tab and back, etc.

Expected Results:  
Not repeated the background image behind "test1".

Just installed the newest trunk.  I first noticed this bug using the 7/25/04
(give or take a day) branch.  Still occurs with a new profile.  No different
theme.  Using WinXP Pro SP1.
Keywords: css2
I don't know, but from your description it looks like something similar to bug
237766.
Could you attach a testcase, which shows the bug? Thanks.
Hmmm... it may very well be.  I don't think your bug showed up when I ran a 
search, but maybe I just overlooked it.  I'll look at this more tomorrow and 
post a testcase if it turns out not to be a duplicate.
I believe my bug is indeed a duplicate.  I'm posting some hopefully helpful
stuff to <a href="http://bugzilla.mozilla.org/show_bug.cgi?id=237766">bug
237766</a>.

*** This bug has been marked as a duplicate of 237766 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.