jQuery数据表和IE/Chrome/Safari:表重叠页脚，而不是把它推下去

Question

这只发生在Google Chrome和Safari上(在Firefox上没有问题)。

如果我有一个多行数据的表，它最终会扩展表的高度-然后不是下推包含我的页脚的DIV，表实际上重叠了页脚。在Firefox中，页脚是按下的。

谁能给我建议如何解决这个问题?我很乐意附上具体的代码——总体结构如下:

<div>
    <div id="main">
        //datatables being built here
    </div>
    <div id="footer">
        //footer code here
    </div>
</div>

Answer 1

你有代码给我们看吗?

可能像这样简单:

#main {
float: left;
clear: both;
}
or 
#main table {
float: left;
clear: both;
}