Code:
<html>
<head>
</head>
<body bgcolor="#EEFFEE">
<table width="25%" style="border-collapse: collapse; background-color: #CCFFCC;" border="1">
<tbody><tr>
<th width="50">a</th>
<th width="80">b</th>
</tr>
<tr>
<td width="50">1</td>
<td width="80">2</td>
</tr>
<tr>
<td width="50">3</td>
<td width="80">4</td>
</tr>
</tbody>
</table>
</div>
</body></html>
With the above code I'm able to get a table that has single lines in it instead of the double lines when I just have border="1". The problem is that it looks different in Mozilla an IE. In Mozilla, I get nice black border lines, in IE the lines are white. Since the table is green you can still see them but is there any way to have both browsers see a table with single black lines?