Html 表单元格上的：Before或：After生成的内容（TD）

虽然我已经找到了解决问题的方法，但我仍然想澄清一些事情

下面是我想要实现的：一个表，使用生成的内容在行之间使用图像作为分隔符

这是我的第一次努力：

如您所见，表格单元格中生成的内容（

td

）似乎没有呈现任何内容。我希望每行下面都有一条红线

第二项努力：

我在

content

属性中插入了一些内容，即

content:“

这似乎是生成内容的关键。然而，不幸的是，Firefox没有正确呈现它，因为内容与整个页面相关。（注意FF底部的红线？）

第三项努力：../70/（相同的链接，但将最后一个数字更改为70-抱歉，我还没有发布超过2个链接的特权）

给单元格一个
float
似乎可以解决Firefox的问题。然而，高度变得不一致

最后的努力：../72/

最后，我转而将内容应用到表行中（
tr
）。这对所有主流浏览器（当然不包括IE7）都起到了作用

好的，下面是我的问题：

为什么不能像大多数元素那样，使用空的
内容

为什么Firefox会在整个页面中呈现它（参见第二项工作）？这是一个错误的FF方面
将内容应用于表行（
tr
）是一种不好的做法吗
（注意：此问题与直接在单元格上使用背景图像或使用边框的可能性无关）