jQuery DataTables и 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;
}