如何在IE下让内层div超出外层

HTML code

<div style = "border:1px solid red;width:200px;height:100px">
<div style="border:1px solid green;overflow: visible;width:300px;height:90px">
</div>
</div>

上面的代码在Firefox下是没有问题的 里面的超出外面的
在IE9下里面的就把外面的撑大了 有解决办法么

<div style="width:100px;height:100px;border:1px solid orange;position:relative">
  <div style="width:100px;height:100px;border:1px solid blue;position:absolute;left:40px;top:40px"></div>
</div>
是不是这样?