548404 - Incorrect border applied beneath table cell with ROWSPAN attribute setm and table "border-collapse" is "collapse"

Status: RESOLVED DUPLICATE of bug 332740

(Firefox :: General, defect)

Description

[xavier.jefferson]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.8) Gecko/20100202 Firefox/3.5.8
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.8) Gecko/20100202 Firefox/3.5.8

Extra lines appear in a table when its border-collapse style attribute is applied, and the table contains cells with ROWSPAN attributes set, and the cell border is turned on for the bottom or top only.

Reproducible: Always

Steps to Reproduce:
1.  Copy following text into an html file.

<style type="text/css">
td {padding:5px; border-bottom:solid 1px black}
</style>
<table cellspacing="0" cellpadding="0" border="0">

		<tr>
			<td ><a href="#?q=*&amp;x2=sku&amp;q2=LSK-CO2" >LSK-CO2</a></td>
			<td rowspan="3">100</td>
			<td rowspan="3">Clear CO<sub><font size="-4">2</font></sub></td>
			<td rowspan="3">OD 9+ @ 190&#150;360 nm<br />
					OD 5+ @ 9&#150;11.1 &#181;m<br />
					OD 7+ @ 10.6 &#181;m</td>
			<td rowspan="3">Clear</td>
			<td rowspan="3">89%</td>
			<td>LSK</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=G3984" >G3984</a>*</td>
			<td>LGF Full View</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=31-80100" >31-80100</a></td>
			<td>XC</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=LSK-YAG%2fCO2" >LSK-YAG/CO2</a></td>
			<td  rowspan="4">101</td>
			<td rowspan="4">ND:YAG, CO<sub><font size="-4">2</font></sub></td>
			<td rowspan="4">OD 9+ @ 190&#150;375 nm<br />
					OD 3+ @ 800&#150;840 nm<br />
					OD 4+ @ 841&#150;869 nm<br />
					OD 5+ @ 870&#150;1080 nm<br />
					OD 5+ @ 9&#150;11.1 &#181;m<br />
					OD 7+ @ 10.6 &#181;m</td>
			<td rowspan="4">Light Yellow-Green</td>
			<td rowspan="4">52%</td>
			<td>LSK</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=LOTG-YAG%2fCO2" >LOTG-YAG/CO2</a></td>
			<td>LOTG</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=G3985" >G3985</a>*</td>
			<td>LGF Full View</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=31-80101" >31-80101</a>*</td>
			<td>XC</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=LSK-YAG%2fKTP" >LSK-YAG/KTP</a></td>
			<td rowspan="3">102</td>
			<td rowspan="3">ND:YAG & Harmonics, CO<sub><font size="-4">2</font></sub>, Excimer, Diodes, GaAs</td>
			<td rowspan="3">OD 7 @ 190&#150;532 nm<br />
					OD 3 @ 800&#150;839 nm<br />
					OD 4+ @ 840&#150;864 nm<br />
					OD 5+ @ 865&#150;1063 nm<br />
					OD 7 @ 1064 nm<br />
					OD 5 @ 10.6 &#181;m</td>
			<td rowspan="3">Brown</td>
			<td rowspan="3">26%</td>
			<td>LSK</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=LOTG-YAG%2fKTP" >LOTG-YAG/KTP</a></td>
			<td>LOTG</td>
		</tr>
		<tr>
			<td><a href="#?q=*&amp;x2=sku&amp;q2=31-80102" >31-80102</a>*</td>
			<td>XC</td>
		</tr>

	</table>

============================================================

2.  View in Firefox.  Note the second column containing "100", "101", "102".  There should be one horizontal line appearing in the space between "100" and "101".  Behavior is same in other browsers.

3.  In your html editor, find the <table> tag and add attribute [ style="border-collapse:collapse;" ].  Save the file.

4.  Refresh Firefox.  Note that there are now two horizontal lines in space between "100" and "101" in the second column.
Actual Results:  
See "Steps to reproduce" item 4

Expected Results:  
See "Steps to reproduce" item 2

This also happens when the cell "border-top" attribute is used, but it's just fine if the cell "border" attribute is used instead.

I also tried "border:solid 1px black;border-top:none;border-left:none;border-right:none" but the outcome was the same.