is this a bug in css?
please copy and run this code:
<html>
<style>
.currentHeaderTabNew { font: 12px arial,helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1;
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #888888 #888888 #3366CC #888888;
padding: 0.2em;
background-color: #3366CC; }
.headerTabNew { font: 12px arial,helvetica, sans-serif;
font-weight: normal;
color: #000000;
border-width: 1px;
border-style: solid;
border-color: #888888 #888888 #A8A8A8 #888888;
padding: 0.2em;
background-color: #EEEEEE;
text-align: center; }
.headerTabSpacer { width: 2px; background-color: #FFFFFF;
border-width: 0px 0px 1px 0px; border-style: solid; border-color:
#888888;}
</style>
<body>
<table cellspacing="0" cellpadding="0" border="0" align="center">
<tr bgcolor="#DDDDDD">
<td class="headerTabNew tabMainNew" width="51" nowrap><a href=""
class="tabtxt">1</a></td>
<td class="headerTabSpacer"> </td>
<td class="headerTabNew tabMainNew" width="51" nowrap><a href=""
class="tabtxt">2</a></td>
<td class="headerTabSpacer"> </td>
<td class="headerTabNew tabMainNew" width="51" nowrap><a href=""
class="tabtxt">3</a></td>
<td class="headerTabSpacer"> </td>
<td class="headerTabNew tabMainNew" width="51" nowrap ><a
href="" class="tabtxt">4</a></td>
<td class="headerTabSpacer"> </td>
<td class="headerTabNew tabMainNew" width="51" nowrap><a
href="" class="tabtxt">5</a></td>
<td class="headerTabSpacer"> </td>
<td class="headerTabNew tabMainNew" width="51" nowrap><a href=""
class="tabtxt">6</a></td>
<td class="headerTabSpacer"> </td>
<td class="headerTabNew tabMainNew" width="51" nowrap><a href=""
class="tabtxt">7</a></td>
</tr>
</table>
</body>
</html>
can someone tell me why the borders in the 1,6 td's are not shown?
it works only in explorer but in netscape or mozilla - no border in the right side.
please help




