html - CSS 渲染问题？

Question

我目前正在尝试向自编程电路板添加一些设计。不知何故，我遇到了 CSS 渲染的奇怪错误:

该板的每一行都是一个要在 CSS 中格式化的 .BoardRow 类。所以，我正在使用:

.BoardRow td {
    border: 2px dotted #4E6011;
    background-image:-webkit-linear-gradient(bottom, #FFFFFF 33%, #EFEFEF 90%); /* Chrome, Safari */
}

这将在每一行周围添加一些漂亮的边框。不知何故，顶行总是无法按预期工作。在 Google Chrome 中使用 CTRL + 鼠标放大时，顶部边框始终会发生变化，如图所示。我该怎么办？

编辑:这是完整生成的 HTML 代码:

<div id="Top">
  <div id="Navi"> <a class="Link" href="index.php?s=home">Startseite</a> <a class="Link" href="index.php?s=physicians">Ärzteliste</a> <a class="Link" href="index.php?s=pmr">Polymyalgia Rheumatica</a> <a class="Link" href="index.php?s=logout">Abmelden</a> <a class="Link" href="index.php?s=course">Krankheitsverlauf</a> <a class="Link" href="index.php?s=board">Forum</a> </div>
</div>
<div id="Main">
  <table id="Board">
    Seite (1 von 1)
    <tr>
      <td class="BoardHeadline">Thema</td>
      <td class="BoardHeadline">Beiträge</td>
      <td class="BoardHeadline">Angesehen</td>
    </tr>
    <tr class="BoardRow">
      <td class="BoardName"><a href="index.php?s=board&threadid=3">asdfasdfas</a> von (Unbekannter Benutzer)<br />
        geschrieben am 25:03:2013 um 15:43 </td>
      <td class="BoardCounter">3</td>
      <td class="BoardCounter">20</td>
    </tr>
    <tr class="BoardRow">
      <td class="BoardName"><a href="index.php?s=board&threadid=5">Titelasdgkljahskjdghkjasg</a> von (Unbekannter Benutzer)<br />
        geschrieben am 25:03:2013 um 16:14 </td>
      <td class="BoardCounter">1</td>
      <td class="BoardCounter">4</td>
    </tr>
    <tr class="BoardRow">
      <td class="BoardName"><a href="index.php?s=board&threadid=6">asdjglkajsljkdg</a> von (Unbekannter Benutzer)<br />
        geschrieben heute um 12:58 </td>
      <td class="BoardCounter">3</td>
      <td class="BoardCounter">12</td>
    </tr>
  </table>
  <br />
  <a href="index.php?s=board&action=newthread&where=2">Neues Thema eröffnen</a> </div>
<div id="UserPanel"> <a href="index.php?s=profile">Benutzerprofil</a> </div>

这是 CSS:

CSS

请注意，我不是 HTML 或 CSS 专家。 ;)

我正在使用 Google Chrome 19(我的 USB 内存棒上的旧可移植版本)，但这也发生在本地安装的 IE 8 上。

Answer 1

问题是，两个虚线边框是冲突的，尝试使用边框:colapse