Html div内部自动溢出不在ie中工作

这是我的密码。如果使用Chrome或Firefox打开此页面，单元格内的文本将通过垂直滚动条正确溢出。如果使用Internet explorer打开它，它将无法正常工作

我需要你的建议，因为我是新的网络开发，我无法找到任何解决这个问题的办法。提前谢谢！ 守则的一部分：

CSS

HTML

。。。
这里有一段很长的文字
您需要为要溢出的div添加一个
height
属性


div.main
{
    width:100%;
    height:100%;
    display:block;
    position:relative;
    overflow:auto;
}
div.transparent{
    padding:3em;
    background-color: rgba(255,255,255,0.7);
    display:block;
}

...
<td colspan="7" valign="top"  style="height:0;" >
    <div class="main">
    <div class="transparent">
Here goes a long text
</div</div></td>
...