Css Border位于IE中的按钮外，但不在FF、Chrome、Safari中

我已经创建了带有选项卡的菜单，并在选项卡下使用了

s。通常

有

边框：无属性。当用户将鼠标悬停在
上时，下面的类将添加到其中。

此处可以看到未覆盖（右侧）
和悬停的
。
（很抱歉质量太差）

我得到了firefox、safari和chrome的第一个结果。但是，在IE中，边框出现在按钮外，并按下页面中的其他元素。我尝试使用
max height
max width
但是结果是一样的

我搜索过，但找不到类似的主题。谢谢你的帮助

编辑：添加HTML


表1
表2
表3
表4
表5
尝试添加

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

致您的td。

你能给你看html编码吗？你能给你的Css看一下吗？你以前的代码是这样的“#ust3tab”，“td1”，“altbutton”@Ghokun如果你把你的代码放进去让别人看一下会容易得多：）好的，我做了：）你为什么用最小高度？不，还是不工作，试着用FF和IE打开这个。我不能说IE，但在FF中它是有效的，至少在我的用于Ubuntu的FF 11.0中。但是我会调查的。我已经在IE9中检查了你在这里发布的链接，它工作正常。谢谢。我想问题出在IE8上，以前我找不到直接解决我问题的方法。我想我会作弊，给所有的东西加上边框，然后只改变颜色。
    <table id="ust3tab" class="tab" border="0" cellpadding="0"      cellspacing="0">  
      <tbody>
        <tr>
        <td class="td1"><button id="alt1" class="altbutton">TAB1</button></td>
        <td class="td1"><button id="alt2" class="altbutton">TAB2</button></td>
        <td class="td1"><button id="alt3" class="altbutton">TAB3</button></td>
        <td class="td1"><button id="alt4" class="altbutton">TAB4</button></td>
        <td class="td1"><button id="alt5" class="altbutton">TAB5</button></td>
        </tr>
      </tbody>
    </table>

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

       .altbutton:hover {
           border:2px solid red;
           };​