Chrome CSS边框问题

Question

我发现Chrome在以下CSS方面有一些非常奇怪的行为......

CSS：

table.addressBody {
    width: 100%;
    min-width: 100%;
}
table.addressBody tr td {
    padding:    4px;
    width:      40%;
    min-width:  40%;
    max-width:  40%;
    border:     none;
    vertical-align: middle;
}
table.addressBody tr td.left, table.addressBody tr td.right {
    background-color: White;
    border: 2px solid #aaa;
}
table.addressBody tr td.centre {
    width:      20%;
    min-width:  20%;
    max-width:  20%;
    text-align: center;
}

HTML：

<div class="fitWidth centre">
    <strong>Mr Smith</strong><br />
    29/05/2014 11:17:00 - Department, Site
</div>
<table class="addressBody">
    <tr>
        <td class="left">
            <select name="ctl00$phBody$repPatients$ctl01$ddlPickup" id="ctl00_phBody_repPatients_ctl01_ddlPickup"></select>
        </td>
        <td class="centre" style="border: none;">&nbsp;</td>
        <td class="right">
            <select name="ctl00$phBody$repPatients$ctl01$ddlDest" id="ctl00_phBody_repPatients_ctl01_ddlDest"></select>
        </td>
    </tr>
    <tr>
        <td class="leftShadow" colspan="2">
            <img src="../img/other/bottomShadowLt.png" alt="Shadow" />
        </td>
        <td class="rightShadow">
            <img src="../img/other/bottomShadowRt.png" alt="Shadow" />
        </td>
    </tr>
</table>

（Fiddle）

问题是桌子的中心单元有一个底部边框，尽管事实上我还没有确定应该有一个。我在IE和FF中尝试了相同的代码，两者都产生了预期的结果（两个带有边框的外部单元格和没有内部的内部单元格。）

我还尝试对所有单元格的每个边框依次编码CSS，但是一旦我对#left单元格bottom-border进行编码，中心单元格也会在底部开始。另外，关于this question的注意事项代码中没有边界崩溃（除非它是Fiddle本身的一部分）。

任何人都可以发现任何明显我错过或知道Chrome有任何变通方法的错误吗？

- 编辑 -

Answer 1

但你确实指明它有一个底部边框：

table.addressBody tr td.centre {
    width:      20%;
    min-width:  20%;
    max-width:  20%;
    border-bottom: 2px solid #aaa; <---
    text-align: center;
}

Answer 2

事实证明，我的帖子实际上是this question的副本，因此，如果您想关闭它，请随意。