627980 - TABLE: First TD border is always drawn in black in the case of ROWSPAN

Status: UNCONFIRMED

(Firefox :: General, defect)

Description

[Jürgen Wissenwasser]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13 ( .NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13 ( .NET CLR 3.5.30729)

I wrote a table-based scheduler; 1st column (without any borders) shows the hours followed by columns for each day. Days are visibly separated by vertical borders in color #888888. Nevertheless the first border is drawn in black (which does not occur in MS IE 8!). This problem does only occur if a ROWSPAN was done in the first "day"-column.

MOST INTERESTING: This does only occur if I have a solid line; if the line was drawn as e.g. DASHED all colors are shown properly!

See the following source text with comments!

<STYLE TYPE="text/css">
TABLE.courses {

}

TABLE.courses TD.head {
    background-color:#000000;
    border:2px solid;
    border-color:#ffffff;
    color:rgb(204,153,51);
    font-size:80%;
    font-weight:bold;
    line-height:1.5em;
    padding: 5px;
    text-align:center;
}

TABLE.courses TD.hour {
    color:#000000;
    font-size:80%;
    height:25px;
    line-height:25px;
    padding:0 0 0 5px;
}


TABLE.courses TD.day {
    color:#000000;
    font-size:80%;
    height:25px;
    border-left: 1px solid;
    border-left-color:#888888;
    border-right: 1px solid;
    border-right-color:#888888;
    line-height:25px;
    padding:0 0 0 5px;
}

</STYLE>
<TABLE STYLE="courses">
    <TR><TD CLASS="hour">08.00</TD>
        <TD CLASS="day" ROWSPAN="17" STYLE="border-left:1px solid #888888;"></TD><!-- This line includes the workaround: A separate STYLE-attribute helps to override the error; if this was not done the first border would be drawn black -->
        <TD CLASS="day" ROWSPAN="17"><IMG SRC="../_images/blank.gif"></TD>
        <TD CLASS="day" ROWSPAN="17"></TD>
        <TD CLASS="day" ROWSPAN="17"></TD>
        <TD CLASS="day" ROWSPAN="17"></TD>
        <TD CLASS="day" ROWSPAN="17"></TD>
        <TD CLASS="day" ROWSPAN="17"></TD></TR>
    <TR><TD CLASS="hour">09.00</TD></TR>
    <TR><TD CLASS="hour">10.00</TD></TR>
    <TR><TD CLASS="hour">11.00</TD></TR>
    <TR><TD CLASS="hour">12.00</TD></TR>
    <TR><TD CLASS="hour">13.00</TD></TR>
    <TR><TD CLASS="hour">14.00</TD></TR>
    <TR><TD CLASS="hour">15.00</TD></TR>
    <TR><TD CLASS="hour">16.00</TD></TR>
    <TR><TD CLASS="hour">17.00</TD></TR>
    <TR><TD CLASS="hour">18.00</TD></TR>
    <TR><TD CLASS="hour">19.00</TD></TR>
    <TR><TD CLASS="hour">20.00</TD></TR>
    <TR><TD CLASS="hour">21.00</TD></TR>
   </TABLE>


Reproducible: Always

Steps to Reproduce:
See upper source text including the commented line
Let FF show the HTML with and without the separate STYLE-attribute
MOST interesting: The problem does only occur for SOLID lines but does not appear for e.g. DASHED lines.


Expected Results:  
The borders should be drawn as given in the CSS, but not just black.