使用CSS覆盖对象在IE中失败了

Question

我想要的是一个带有轮廓描述框的按钮，向下和向右定位，但仍然部分位于按钮后面。打开FF 4，看看它应该如何显示：

http://jsfiddle.net/kZFRN/16/

在IE（8）中，按钮位于描述框的右侧，这样可以破坏事物的美感。

有人可以帮助我指出正确的方向吗？

编辑：Niklas的解决方案适用于分层DIV的单个实例。有没有一种方法在同一页面上有两对分层div，而不需要硬编码绝对值？

Answer 1

更改黄箱上的位置

.yellowbox{
    position:absolute;
    z-index:1;
}