chrome浏览器中 父元素改变大小后 改变子元素大小 滚动条还在

<div id="out" style="position:relative; overflow:auto;">
<div id="in">123</div>
</div>
窗口改变大小的时候,先改变out的大小与窗口一致,再改变in的大小充满out,设置大小的方法都是jquery的outerWidth/outerHeight,在IE下没问题,但是在chrome浏览器中,out会出现滚动条;如果在调试工具中删除in的width再设置回来,滚动条就没了!!请问这是什么原因啊,有什么解决方法?