百思不得其解，超级链接的CSS问题。
在外部样式文件已经定义好了样式：
a.link_gray:link{color:#999999;text-decoration:underline;font-size:14px;}
a.link_gray:visited{color:#999999;text-decoration:none;font-size:14px;}
a.link_gray:hover{color:orange;   text-decoration:underline;font-size:14px;}

在html中
<td> &nbsp; <a   id= "ViewUserPanel_HyperLink1 "   class= "LINK_Gray "   href= "http://localhost/BizDoors/CategorySettingsManagement/tabid/3011/ctl/Edit/mid/4758/typeID/1/Default.aspx "   target= "_blank "> 类别设置 </a>
                                |
                                <a   id= "ViewUserPanel_HyperLink2 "   class= "LINK_Gray "   href= "http://localhost/BizDoors/default/tabid/1492/ctl/list/mid/2445/TypeID/1/Default.aspx "   target= "_blank "> 产品管理 </a> </td>

显示正常，奇怪的是，一点击链接之后，链接就移位到下面一行去了，即比如点击了类别设置，则类别设置就到了第二行， "| "和产品管理在第一行，再点产品管理，则产品管理也跑到第二行，只有 "| "在第一行。然后刷新，它们两个链接还是在第二行，并排在一起，而原本在中间的那条“|”竟独自在第一行，是什么原因呢？

急急急，有什么办法可以锁定它们呢?

------解决方案--------------------
<tr>
<td> > &nbsp; <a id= "ViewUserPanel_HyperLink1 " class= "LINK_Gray " href= "http://localhost/BizDoors/CategorySettingsManagement/tabid/3011/ctl/Edit/mid/4758/typeID/1/Default.aspx " target= "_blank "> 类别设置 </a>
</td>
<td> | </td>
<td> <a id= "ViewUserPanel_HyperLink2 " class= "LINK_Gray " href= "http://localhost/BizDoors/default/tabid/1492/ctl/list/mid/2445/TypeID/1/Default.aspx " target= "_blank "> 产品管理 </a>
</td>
</tr>