被撑大的DIV背景不能铺满

如下的一段HTML

<div style=" position:absolute;left:100px; top:100px; width:100px; height:100px; border:1px solid gray; overflow: auto;">
<div id=div1 style=" padding: 5px; background-color: yellow; width:auto;height:auto;">
   <div id=div2 style="width:300px; height:200px; background-color:red"></div>
</div>
</div>

在FireFox里, id=div1 的DIV在width<100px 部分的背景是yellow的,其后的却是白色的,而且最右边也没有出现5px的padding效果

但在IE里是好的.  见附件图

首先ie请使用standard模式,就是加上doctype,其次ie对于width:autop的解释和ff确实不一样,请直接指定width:100px这样ie ff就一样了

------

问题已经解决 ：
见 http://topic.csdn.net/u/20071226/11/1ebbfbb6-2263-43f9-abb3-32a53d01b3a8.html