614206 - Element background displayed incorrectly (strange gradient appears)

Status: UNCONFIRMED

(Firefox :: General, defect)

Description

[BoyKot]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12

html <b>-element displayed with strange gradient background (screen shot 1).

Important:

1. All Windows browsers (Firefox, Opera, Chrome, Safari, IE6+) displaying it correctly.
2. Mac Chrome and Mac Safari displays it correctly.
3. ONLY Mac Firefox has this problem (at the moment)

4. If I remove inner content for <b>-element, it start looking correct (screen shot 2). 

html+css files are included in problem_page.zip

Reproducible: Always

Steps to Reproduce:
1. Open page

Comment 1

[BoyKot]

Attachment: HTML + CSS files archive

contains files enough to reproduce problem

Comment 2

[BoyKot]

Attachment: Screen shot 1

Comment 3

[BoyKot]

Attachment: Screen shot 2

Comment 4

[BoyKot]

Firefox 4.0 released but problem still persists.
Juts open attachment in FireFox on Mac OS and you will see it.