Internet explorer 如何在不中断引导的情况下将子div绝对定位到相对定位的父div'；Firefox和IE9中的图像大小调整？

我使用的是Bootstrap框架，我有一个父div，它包含一个位置为

相对的图像，还有一个子div，它包含一个位置为
绝对的图像。我使用left和top with Percentage将子div推到父div的右下角

在Chrome和Safari中，所有功能都与子div的定位一样正常，当浏览器重新调整大小时，图像会相应地响应和缩放。但是在Firefox和Internet Explorer中，子div中的图像无法重新调整大小。似乎
position:absolute
破坏了Boostrap的图像重新调整功能

是否有人知道正确的处理方法，或解决方法

实例：

HTML:

<div> class="header-image"><img src="img/img_test_bg.jpg">
        <div class="corner-peal"><img src="img/header_corner_peal.png">
        </div>
</div>

.header-image{
    text-align:center;
    position:relative;
}
.corner-peal{
    position:absolute;
    left:50.99%;
    top: 17.295%;
}

我真是个笨蛋！引导根据图像“容器”的宽度缩放图像。解决方案是在孩子身上设置一个百分比宽度（Chrome和Safari会为你这样做，Fire Fox和IE不会）

.corner-peal{
    position:absolute;
    left:50.99%;
    top: 17.295%;
    width:49.01%;
}