When a table is displayed in a html file in FireFox browser, the top and bottom edges of table appear far too thick. Attaching the code snippet.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="8" class="table-border-black"> <img name="odot" src="images/odot.gif" height="1" width="1" class="table-border-black"/></td>
</tr>
<tr>
<td rowspan="6" class="table-border-black" width="1"> <img name="odot" src="images/odot.gif" height="1" width="1"/></td>
<td align="left" height="19"></td>
<td colspan="3"> </td>
<td width="19"> </td>
<td rowspan="6" class="table-border-black" width="1" valign="middle"> <img name="odot" src="images/odot.gif" alt="" height="1" width="1"/> <img name="odot" src="images/odot.gif" alt="" height="1" width="1"/></td>
</tr>
</table>
The stylesheet class table-border-black is defned as : .table-border-black { BACKGROUND: #000000}
With the same stylesheet used in rowspan, the right and left edges of table appear good, but when used in colspan the edges appear thick. Not sure if colspan is a problem or the stylesheet is a problem. Guys pls help!!!