Html Firefox问题：相对定位表单元格无法用作父单元格

我发现一个有趣的布局问题似乎只存在于Firefox中

显示

的元素：表格单元格无法作为位置为
位置：绝对的子代的位置父代

也就是说，我很惊讶地了解到Firefox与其他浏览器一样，在表格单元格元素的角落中放置一个小图标存在问题



预期结果（铬）：

Firefox结果：


有趣的是，即使是IE8也能产生预期的结果。

您最喜欢的解决方法是什么？
到目前为止，我已经找到了一个蹩脚而明显的解决方案

通过在Firefox中添加一个带有
display:block的蹩脚包装器
，可以达到预期的效果和
位置：在表格单元格中应用相对的
。


希望有人能找到一个解决方案，而不需要我只为Firefox处理DOM。
该解决方案明确指出：

“位置：相对”对表格行组、表格页眉组、表格页脚组、表格行、表格列组、表格列、表格单元格和表格标题元素的影响未定义

由于未定义，Firefox将忽略您的相对位置。因此，您的
.container
将成为最近定位的祖先，并用于绝对定位的
.icon
元素

因此，事实证明，Firefox和Chrome这两种实现都是对/错相同的。你不能仅仅依靠未定义的行为。
最后，您需要使用您似乎害怕的包装器，使其与规范和浏览器兼容。
如果有疑问，请用谷歌搜索出来@用户2712605：似乎完全无关。是的，这个问题完全无关。以下是一些实际相关的问题：。以下是大量Firefox错误报告：。在这一点上，这是一个持续的笑话。。。