后查具體情況概述為：firefox+table rowspan+border+border-collapse:collapse;
表現(xiàn)情況是：第一行與最后一行正常，其余的中間行，全部都與預(yù)期的border不同。
先看示例吧：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Rank's HTML document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta http-equiv="ImageToolbar" content="no">
<meta http-equiv="Creator.name" content="rank">
<style type="text/css" /> 去除border-collapse
加上一個(gè)border-left或者border-right
無獨(dú)有偶，后來搜索了一下，也有前人踩到了這個(gè)坑里，它的解決方法也是：border-left:1px solid #999 important;border-left:none的方法來解決。
(see detail:http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23698654.html)
好在可以通過border的錯(cuò)覺及顏色來解決這個(gè)問題。為了偷懶，我直接用上了對(duì)方的e.g。看解決前的代碼：
<html>
<head>
<style type="text/css">
table {
border-collapse:collapse;
}
th, td {
border: 1px black solid;
}
th {
background-color: #A9AE7B;
}
td.right_user_img {
border-left:none;
background-color: #999999;
text-align: center;
padding: 15px;
}
td.left_user_img {
border-right: none;
background-color: #CCCCCC;
text-align: center;
padding: 15px;
}
td.left_image_join {
background-color: #CCCCCC;
border-left: none;
}
td.right_image_join {
background-color: #999999;
border-right: none;
}
img {
border: none;
}
</style>
</head>
<body>
<table cellspacing="0px" cellpadding="5px">
<thead>
<tr>
<th></th>
<th>Image</th>
<th>Insert Heading Here</th>
<th>Image</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td rowspan="2" class="left_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
<td class="left_image_join">Data</td>
<td rowspan="2" class="right_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
</tr>
<tr>
<th>2</th>
<td class="right_image_join">Data</td>
</tr>
<tr>
<th>3</th>
<td rowspan="2" class="left_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
<td class="left_image_join">Data</td>
<td rowspan="2" class="right_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
</tr>
<tr>
<th>4</th>
<td class="right_image_join">Data</td>
</tr>
<tr>
<th>5</th>
<td rowspan="2" class="left_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
<td class="left_image_join">Data</td>
<td rowspan="2" class="right_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
</tr>
<tr>
<th>6</th>
<td class="right_image_join">Data</td>
</tr>
<tr>
<th>7</th>
<td rowspan="2" class="left_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
<td class="left_image_join">Data</td>
<td rowspan="2" class="right_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
</tr>
<tr>
<th>8</th>
<td class="right_image_join">Data</td>
</tr>
<tr>
<th>9</th>
<td rowspan="2" class="left_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
<td class="left_image_join">Data</td>
<td rowspan="2" class="right_user_img"><img src="http://msn.mess.be/data/thumbnails/16/arnie.png"></td>
</tr>
<tr>
<th>10</th>
<td class="right_image_join">Data</td>
</tr>
</tbody>
</table>
</body>
</html>
解決后的代碼：
/<html>
