用CSS叠加对象在IE中失败惨剧

Question

我要做的是一个按钮，它的轮廓描述框位于右下方，但仍位于按钮后面。打开FF 4，看看它是如何应该看看：

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

在IE（8），该按钮位于屏幕的描述中，哪一种违背了事物的美的权利。

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

编辑：尼克拉斯'解决方案下面的作品为分层DIV的单个实例。有没有办法在同一页面上有两对分层div，而不诉诸硬编码的绝对值？在yellowbox

Answer 1

改变位置

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