为什么字段集填充会导致孩子的绝对位置在 FF 中错误呈现？

Question

不确定这里发生了什么或哪里出了问题，但与 Chrome 9、IE8、Opera 11 或 Safari 5 相比，FF3.6 无法正确呈现下面链接中的绿色按钮。

所有其他人都将按钮放在父级的右下角，12px。 FF3.6 将其放在 24px 上方并靠在右侧：

http://jsfiddle.net/sxkWZ/2/

有人知道这个问题还是我错过了一些明显的事情？

更新：在 FF4 Beta 11 中确认了该问题。正在考虑向 Mozilla 提交。

谢谢， 丹尼斯

Answer 1

再摆弄一些之后，似乎只有当容器元素设置了填充时，该错误才适用于字段集。我删除了填充（而是为 p 元素添加了一个边距），这解决了按钮被向上推的问题：

看这里：http://jsfiddle.net/sxkWZ/11/

如果您只想让按钮显示在右下角，另一种方法是浮动它：jsfiddle.net/sxkWZ/10

问候， 西蒙

Answer 2

绝对看起来像 Gecko 错误，因为将 fieldset 更改为 div 使其正确渲染：

http://jsfiddle.net/sxkWZ/6/

您可能只使用像div 这样的封闭元素并切换位置：相对于它来解决此问题。