有关css问题

Question

我对css不是很懂
下面的代码，在右边会出现一条竖线，不知道怎么去除，还有Product Info和Service的背景想用白的，请高人指点
<STYLE type=text/css>
.sec1 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}
.sec2 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #d4d0c8
}
.main_tab {
BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #ffffff
}
</STYLE>
<!--JavaScript部分-->
            <SCRIPT language=javascript>
     function secBoard(n)
  {
    for(i=0;i<secTable.cells.length;i++)
      secTable.cells[i].className="sec1";
    secTable.cells[n].className="sec2";
    for(i=0;i<mainTable.tBodies.length;i++)
      mainTable.tBodies[i].style.display="none";
    mainTable.tBodies[n].style.display="block";
  }
      </SCRIPT>
<!--HTML部分-->
            <TABLE id=secTable cellSpacing=0 cellPadding=0 width=300 border=0>
              <TBODY>
              <TR align=middle height=20>
                <TD onclick=secBoard(0) width="10%">Product Info</TD>
                <TD onclick=secBoard(1) width="10%">Service</TD>
              </TR></TBODY></TABLE>
            <TABLE class=main_tab id=mainTable height=50 cellSpacing=0 cellPadding=0 width=300 border=0><!--关于Product Info标记-->
              <TBODY style="DISPLAY: block">
              <TR>
                <TD align=middle vAlign=top bordercolor="#FFFFFF" bgcolor="#FFFFFF"><BR><BR>
                  <TABLE width=300 height="59" border=0 cellPadding=0 cellSpacing=0 bordercolor="#FFFFFF">
                    <TBODY>
                    <TR>
                      <TD height="35"><div>
                        <div><strong>●</strong><strong>printing fascinating Chinese painting on the PU leather as cover theme, hard cover&nbsp; and corner;&#13;</strong></div>
                        <div><strong>●</strong><strong>Inner content:124mm</strong><strong>×</strong><strong>210mmm, sewing binding, Commonly used information, year plan, notes, address etc.&#13;</strong></div>
                        <div></div>
                      </div></TD></TR></TBODY></TABLE></TD></TR></TBODY>
<!--关于Service集合-->
              <TBODY style="DISPLAY: none">
              <TR>
                <TD align=middle vAlign=top bordercolor="#FFFFFF" bgcolor="#FFFFFF"><BR><BR>
                  <table cellspacing=0 cellpadding=0 width=300 border=0>
                    <tbody>
                      <tr>
                        <td><div>
                            <div><strong>●customize with your design&#13;</strong></div>
                          <div><strong>●inner content can meet your demand </strong></div>
                        </div>
                            <p>&nbsp;</p>
                          <p>&nbsp;</p></td>
                      </tr>
                    </tbody>
                </table></TD>
              </TR>

Answer 1

类.sec1  .sec2   .main_tab 都有
BORDER-RIGHT: gray 1px solid
你把它去了，就没有线了。