有关css问题
我对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 ">