css - 在 IE 中用 CSS 覆盖对象失败得很惨

Question

我想要的是一个带有轮廓描述框的按钮，该框位于下方和右侧，但仍部分位于按钮后面。打开 FF 4 并查看它的外观:

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

在 IE (8) 中，按钮位于描述框的右侧，这有点破坏事物的美感。

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

编辑:Niklas 的以下解决方案适用于分层 DIV 的单个实例。有没有一种方法可以在同一页面上放置两对分层 div，而无需诉诸绝对硬编码？

Answer 1

在黄框上改变位置

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