286715 - overflow: auto; Flickers when there are some li:hover

Status: RESOLVED WORKSFORME

(Firefox :: General, defect)

Description

[Claudio Cicali]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1

As you can see in the example, I used overflow: auto; for a <pre
class="source> and a li:hover that changes the way LI element are displayed.
This combination seems to create a weird and ugly "flickering effect" with the
PRE element when you :hover the LI elements (those in the box on the right).

Reproducible: Always

Steps to Reproduce:
1. over the mouse pointer over the list item in the right boxes
2.
3.

Comment 1

[Claudio Cicali]

Noticed that there's also floating element involved. You can get the flickering
effect also hovering the "About this site" link (upper right). That is a A
element  right floated.

Comment 2

[Claudio Cicali]

Ok, I leave the "problem" only on the "About this site" for your test purposes.
Commenting out the "list-style-type: circle" on the li:hover makes my site
flicker... less (not on the over of the list in the boxes, at least) :)

Comment 3

[José Jeria]

WFM: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050317
Firefox/1.0+

Please test with trunk builds when testing layout issues.