340628 - css borders on links cause flickering

Status: RESOLVED DUPLICATE of bug 302561

(Core :: Layout, defect)

Description

[Lyndon]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Using the following CSS on a HTML link/span, and placing the cursor on the border causes: the border to flicker on and off; the mouse cursor to flicker between pointer and egg timer; and the status bar text to flicker between "done" and the URL of the link (if you used a link).

CSS:
===============================
a, span { border: solid 1px #f00; }
a:hover, span:hover { border: none; }
===============================

A related problem:
during isolation of the above bug, at one point the flickering grew really slow, and looking at system properties, firefox was at ~97% cpu usage. i've noticed this happen before with this bug, but it's difficult to reproduce as i don't know what to do to make it happen again. i do believe it was related though because moving the cursor away imediately made firefox's cpu usage drop to 0, and moving the cursor back caused it to shoot back up again.


Reproducible: Always

Steps to Reproduce:
1. Use the CSS on a HTML link or span
2. Hover the tip of your cursor over the border

Actual Results:  
like i described before, fliskering of the border, cursor, and status bar text.
i also occasionally experience the very high cpu usage.

Expected Results:  
it should act like it would when applied to a HTML div tag.

also occurs on minefield build 20060606

Comment 1

[Lyndon]

in addition, this also occurs on FF 2.0 : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0

Comment 2

[j.j.]

IMO Duplicate of bug 302561.