将子 DIV 移到父 DIV 之外

我就直接进入正题吧。我有一个宽度为 100% 的子 div，它位于具有固定宽度的包装器下。我想知道如何使子 div“突破”并具有 100% 全屏页面宽度。代码是这样的，我尝试使用相对/绝对定位，但没有运气。

<div class="wrapper">
  ...Some other code...
    <div class="banners">
        <div class="first"><img src="http://placehold.it/200x200"></div>
        <div class="second"><img src="http://placehold.it/200x200"></div>
    </div>
   ...Some other code...
</div>

小提琴可以在这里找到http://jsfiddle.net/qMYQw/ http://jsfiddle.net/qMYQw/

除了“横幅”div 之外，该 div 的上方和下方还有一些其他部分，这就是“横幅”位于包装器中的原因

P.S 横幅 DIV 上方/下方还有其他部分，因此仅设置位置：绝对并不能解决问题

Fiddle http://jsfiddle.net/GopsAB/qMYQw/4/

.banners img {  
    width:100%;
}

.banners .first, .banners .second {
    float:left;
    width:50%;
    position: absolute;
    left:0;
    border:1px solid blue;
}

.banners .second {
    margin-left: 50%;
}