439653 - Table row background color bleeding through with a Table with a fixed height TBODY and overflow set to scroll

Status: RESOLVED DUPLICATE of bug 423823

(Firefox :: General, defect)

Description

[Justin]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9) Gecko/2008061004 Firefox/3.0
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9) Gecko/2008061004 Firefox/3.0

Previous versions of Firefox allowed the creation of a fixed height TBODY within a table with overflow:scroll. This allowed the THEAD to stay in place but the body of the table would scroll once the row content exceeded the set height of the TBODY. In Firefox3, this still works, however the background color of the TRs within the TBODY are not contained inside the scrollable space and instead bleed through as-if the TBODY is not fixed height. 

Note that only the background color of the TR bleeds through, not the text.

Reproducible: Always

Steps to Reproduce:
1. create HTML page with a TABLE, THEAD and TBODY and many TRs (enough to exceed the height you will specify for the TBODY in your CSS
2. create CSS that specifies a fixed height to the tbody and sets the overflow to scroll and give each TR a background color
3. load page in Firefox 3, any version, any platform.
4. compare to Firefox 2, any version, any platform.
Actual Results:  
background color of TR bleeds through past the scrollable space

Expected Results:  
background color should not bleed through

Comment 1

[Justin]

Attachment: simple HTML page that triggers the rendering issue

Comment 2

[Justin]

Attachment: screenshot showing the rendering issue in ff3 rc3 on mac

Comment 3

[Justin]

Attachment: screenshot showing the expected rendering in ff2 on mac

Comment 5

[Brian Polidoro]

Fixing incorrect dupe.