div 自动适应页面高度 IE vs Google浏览器

遇到一个问题。用.net做的网站中有三个div，他们是嵌套的关系

<div id="d1">

<div id="d2"/>

<div id="d3"/>

<div>

d2和d3是上下并列的。d1的高度是不变的，在d2中的内容发生变化的时候，d2的高度会跟着内容的多少发生变化，d3也跟着变化，但是不会超出d1的高度范围，即不会出界。

这个问题，测试使用的ie，没有问题，但是在google中就有问题了。

先看一些代码吧：

d3的css是这样写的

.d3{height:200px;width:100px;}

d2的css是这样的

.d2{height:100px;width:100px;}

这写代码在IE中测试是可以的，不会出现div出界，但是google中当d2中的内容增多的时候，d2和d3就会出现重叠，即d2出界了。

解决办法：

d3的css是这样写的

<