html - CSS 表格边框 - 仅水平且具有独特的表格和标题边框

Question

我正在尝试设计一个简单的表格:

<table>
  <tr>
    <th>Title1</th>
    <th>Title2</th>
  </tr>
  <tr>
    <td>Cell</td>
    <td>Cell</td>
  </tr>
  <tr>
    <td>Cell</td>
    <td>Cell</td>
  </tr>
</table>

我希望表格在顶部和底部有水平边框，标题在底部有水平边框:

当我没有由 ID 标识的包含 div 时，这似乎工作正常:

JS Fiddle 1 (working)

一旦我将它放入包含的 div 中，它就会失败:

JS Fiddle 2 (not working)

使用 CSS 我可以使用 Firebug 来实现这一点。以某种方式尝试将其放入样式表会导致它失败(边框未显示)。有什么想法吗？

编辑发现了我的错字，但由于我的原件不起作用，我更新了上面的内容以显示我遇到的错误。问题在于添加包含的 div 并通过其 ID 识别表格。

Answer 1

更新的 fiddle : http://jsfiddle.net/XPyzM/243/

table {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

包含额外的括号

新问题的更新: http://jsfiddle.net/XPyzM/247/

有问题就去看看吧