272766 - Multiple TBODY Tags in One Table Break CSS Inheritance

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Tom Clancy]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

I'm building a fairly complex UI for a web-based tool and ran into a bug in
Firefox 1.0 (it also occurs in the most recent Mozilla I have, 1.5). Each row in
the problem table has an arbitrary number of subrows that I've put inside their
own TBODY tags. However, as soon as I nest a TBODY tag inside the table, the CSS
borders (right and bottom) disappear.

The table is set to border-collapse: collapse. Here's the relevant CSS:

th, td    (line 5)
{
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    vertical-align: top;
    text-align: left;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
}

td    (line 26)
{
    color: rgb(64, 64, 64);
    background-color: rgb(248, 248, 248);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    -x-background-x-position: 0%;
    -x-background-y-position: 0%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
}

table#tblPolicySearchResults td    (line 95)
{
    padding-top: 3px;
    padding-right-value: 4px;
    padding-bottom: 5px;
    padding-left-value: 10px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
}

I will attach two screenshots, one before the TBODY tag, one after. I'll also
attach the table's HTML. If you zoom in on the table's top in the second
screenshot, you can see some weird bleed-through of the header colors. And the
td borders still exist for the first row.

Reproducible: Always
Steps to Reproduce:
1. Create a table and apply CSS borders to td.
2. Apply a TBODY tag around a subset of the table's rows.

Actual Results:  
The borders disappeared.

Expected Results:  
No change.

Comment 1

[Tom Clancy]

Attachment: How It Should Look

Comment 2

[Tom Clancy]

Attachment: How It Does Look

Comment 3

[Tom Clancy]

Attachment: Relevant HTML

Comment 4

[Gary van der Merwe]

The html that you uploaded dose not have any css, so the problem cannot be seen.
Please will you upload a HTML page with embeded css.

Comment 5

[Tom Clancy]

The CSS is available here. I'd like to post the whole test case, but
unfortunately I cannot. 

Comment 6

[Gary van der Merwe]

Attachment: Testcase

Comment 7

[Gary van der Merwe]

WFM
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

Please reopen if you have a testcase that you can upload, that demonstrates the
problem.

Comment 8

[Paul van Schayck]

Could you still try to attache a complete testcase including everything for us
to be able to recreate the problem.
That means a full HTML page with CSS included inside the head.