关于firefox下的背景自适应高度的问题

首先是div的嵌套
<div id="1">
        <div id="2"></div>
        <div id="3"></div>
</div>
其中1，2，3的height全部设置为auto，为什么当2 3内容增加的时候，1的背景不会自动增加，不是自适应高度。
CSS
#1 {
margin:auto;
background-image: url(BG_body.gif);
background-repeat: repeat-y;
height: auto;
width: 778px;
}
#2 {
float: left;
width: 555px;
margin:10 0 0 5px;
text-align: left;
padding-left: 10px;
}
#3 {
float: right;
width: 205px;
text-align: left;
margin-right: 4px;
}

把css写上呀～

这个问题也正是我想问的,在IE下这么操作出来的网页是可以自适应大小的,但是用,Firefox就不行了,firefox的兼容性也太差了吧?

说到“兼容性”这个问题就不好说了。
反正IE下正常，Firefox下看起来差不多，做到这样就可以了！

首先 id 是不能以数字开头的, 纯数字更不可以.
另外贰, 叁两个 div 使用了浮动, 壹号 div 的高度实际为0, 所以看不到背景.

<div id="1">
<div id="2"></div>
<div id="3"></div>
</div>
<div style="clear:both"></div>

对于背景不能自动延伸的原因上面说的很清楚，解决方法是多嵌套一个层,这个层设置浮动，并承担背景，就ok了。
下面就简单示意一下
<div style="margin:0 auto">
<div style="float:left;backgourd:#fff url(img.gif)">
    <div style="float:left"></div>
    <div style="float:right"></div>
</div>
</div>