268742 - Mouse over a:hover changes text to bold, causes floated div to flicker in middle of screen

Status: RESOLVED DUPLICATE of bug 132337

(Firefox :: General, defect)

Description

[Jules]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20040913 Firefox/0.10.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20040913 Firefox/0.10.1

At http://esdw2.hollosite.com/products.php, I have created a floating layout.
The left navbar text, when the mouse moves over, will change to bold through CSS
(see http://esdw3.hollosite.com/styles.css, selector="div#navbar a:hover"). The
right-most floating div flickers. When styles.css is modified to take out
div#navbar a:hover, flicker does not occur. However, if right floated div is
changed from overflow:auto to overflow:hidden or remove the overflow property
altogether, flicker disappears. There appears to be a relationship between bold
and overflow:auto (overflow:scroll has the same effect as overflow:auto).

I suspect that the rule div#navbar a:hover {weight:bold;} is giving FF/Moz a
problem because weight:bold is resizing the width of the text and FF/Moz is
adjusting the screen display. So I changed {weight:bold;} to {letter-spacing:
2px;} which also has the effect of chaning the amount of space that the text
takes and it too produced the same flicker. I changed it again to
font-size:1.3em (default is 1.0em) and again, the resizing causes the flicker.

Reproducible: Always
Steps to Reproduce:
1. Remove selector div#navbar a:hover, no flicker.
2. Reinsert selector div#navbar a:hover but change div#cat_list from
overflow:auto to overflow:hidden, no flicker.
Actual Results:  
The fixes above cleared the problem but did not produce the design effect that I
wanted. As long as the a:hover does not change the amount of space that the text
takes, there is no flicker. For example, a color change has no effect but bold,
letter-spacing, font-size all change the amount of space that the text takes and
cause the flickering.

Expected Results:  
just changed the weight or size or letter-spacing of the text without affecting
anything else.

Comment 1

[José Jeria]

This works fine on trunk, maybe this is related/dupe of bug 132337

Comment 2

[Marek Stępień [:marcoos, inactive]]

The same problem was happening to my weblog in Firefox 1.0.x and Netscape 7.2. I
made a simplified testcase here:
http://www.marcoos.zwm.punkt.pl/mozilla/float-overflow-input-bug.html 

But it's ok in Mozilla 1.8b, so this is something that was fixed on 1.8-trunk
(so this probably is a dupe of bug 132337. 

Resolving as duplicate.

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