Html 是否将相邻表格单元格中的文本与不同大小的边框对齐？

我需要以下代码的帮助，这些代码在Foxfire中运行得非常好，在IE9中运行得非常好

在FF中，它在页面上产生一个双色带（表行），约25px高。 （我使用了很多垃圾背景色，只是为了看看哪里有空白。我知道我可以在所有css中获得相同的效果……但是还有其他单元格我需要添加到右边，我从来没有在css中渲染过，所以我放弃了，现在逃到一个“简单”的表格行。）

该表包含在带有class=“tabs block”>的div中。
（这是强制表100%宽的必要条件。出于某种原因，在id中而不是类中使用相同的设置将不起作用。不知道为什么。）

行的左半部分（单元格1）为 --空单元格（无内容，字体大小设置为0px） --底部有25像素的白色边框，右侧有25像素的蓝色边框（顶部和左侧都没有） --它有一个白色背景的橙色，不应该被看到，因为没有任何内容，如果有，它将是0pt高。在FF中，它不显示。在IE9中，它向外窥视 顶部有几个像素宽。（希望我能附上一个屏幕截图，但我太新了。）

频带的右侧（单元2）为 --背景为蓝色的单元格 --无国界 --它包含一个文本为12磅白色的链接

白色（左）Bule（右）细胞在中间相遇，好像它们之间有一条45度的线。

问题: FF对齐单元格2底部的链接文本。 IE9将链接文本与单元格2的空白文本区域对齐，即IE9将单元格2文本与单元格1边框的顶部对齐。不是第二单元的底部。 这就在单元格2=（25px减去12pt）下留下了一个空白

在经历了太多天的彻底失败后，我的眼睛交叉了，欢迎帮助

.tabs-block > table {
   background-color: white;
   text-align: right;
   width: 100%;}

table#tabs-table {
      border-collapse:collapse;
      width:100%;}

tr#tabs-row-1 {
  padding: 0px;
  margin:0px;
  border-spacing: 0px;
  background-color:red;}

<div class="tabs-block" style='background-color: green;'>
  <table cellspacing = '0px'
         cellpadding = '0px'  
         id='tabs-table;'>
     <tr id='tabs-row-1'>          
       <td style='width:50%;
                  margin:0px;
                  padding:0px;
                  background-color: orange;
                  border-style: solid;
                  border-color: #000066 #000066 #FFFFFF red;
                  border-width: 0px 25px 25px 0px;'
                  class='text-blue-0'></td>            
       <td style='width:1px; 
                  margin:0px;
                  padding:0px;
                  border:0px;
                  background-color: #000066;
                  white-space:nowrap;'
                  class='title-white-12'>                         
         <a href='contact.jsp'  class='title-white-10'
            style='vertical-align:bottom;
               height:100%;
               background-color: #000066; 
               padding:0px;
               margin:0px; 
               border:0px;'>
           Contact Us
         </a>
      </td>     
    </tr>
  </table>
</div>

.tabs块>表格{
背景色：白色；
文本对齐：右对齐；
宽度：100%；}
表#选项卡表{
边界塌陷：塌陷；
宽度：100%；}
tr#tabs-row-1{
填充：0px；
边际：0px；
边界间距：0px；
背景色：红色；}

读这篇文章时，我两眼交叉。假设您的内容是表格数据，并且我不允许您使用表格来布局站点，那么要实现任何类型的具有不同边框的垂直对齐，唯一的方法是使用

垂直对齐：中间

---

也许不是你想要的那种排列，但这是你最好的选择。我有点想知道为什么在同一张桌子上需要不同厚度的边框。简化你的风格可以解决你的问题。

这个代码在我的大脑皮层上烧了一个洞。如果你同意完全放弃餐桌的想法，我很乐意帮助你。如果您想知道为什么我会这么说-表在浏览器之间的格式不同，尤其是IE。我建议使用行业标准的无格式列表来实现这一点。但你真的没有说你用它做什么，所以这只是我的直觉。如果是导航栏/菜单，则使用列表样式：无如果您为html中使用的所有样式提供了一个定义，或者设置了一个提琴来显示问题，您将有更好的机会获得一些帮助。我的看法是，但我显然是新来的，所以不确定提琴是什么。但是如果你打开这个链接：在FF中，然后在IE9中，你会看到我的问题——我希望能够在css中显示最上面的横幅，因为我拥有网站的其余部分几乎100%的css。。。但是在css中使用那个横幅打败了我。从中间到右边的那条蓝色小线走不动了。谢谢。。。我需要边界来画45度线。要了解我在现实生活中遇到的问题，请查看（我在EAPP上的专用服务，因此它是安全的，没有广告垃圾）。先试试FF。。。那么IE9和问题应该是显而易见的。我无法在css中解决它，现在我在“更简单”的表中失败了。我确信初学者很烦人，但我不知道如何开始成为一名专家。如果你真的，真的想克服这个问题，那么请相信我说的话：3d边框设计对你没有任何好处。搭配纯色边框，晚上睡得更好。咧嘴笑。。。我知道你是对的。但这已经成为我和IE之间的私人关系。我的意思是，这不是一个非常复杂的外观。而且这不像是真正的账单。FF对此没有问题。当然，作为一个新手，我还没有学会聪明。那么回到战斗上来吧。这不可能是不可能的。。。咧嘴笑不能吗？