jQuery DataTables and IE/Chrome/Safari: table overlaps footer instead of pushing it down

This only happens on Google Chrome and Safari (not a problem on Firefox).

If I have table that with multi-line data, it ends up expanding the table’s height — then instead of pushing down the DIV containing my footer, the table actually overlaps the footer. On Firefox the footer is pushed down as I’d expect.

Can anyone give me suggestion how to resolve this?
Will be glad to include specific code — the overall structure is as follows:

<div>
    <div id="main">

        //datatables being built here

    </div>
    <div id="footer">

        //footer code here

    </div>
</div>

newest questions tagged jquery – Stack Overflow

About Admin