Липкий нижний колонтитул + плавающие элементы

Question

Еще один вопрос о липком нижнем колонтитуле css ... допустим, у меня есть следующая разметка:

<div id="container">
    <div id="header">header</div>
    <div id="body">body</div>
    <div id="footer">footer</div>
</div>

Как вы можете видеть в этом скрипке , с данным css,Липкий нижний колонтитул работает как шарм.
Он остается внизу страницы, если в div # body есть только несколько содержимого, и выталкивается из экрана внизу, когда имеется много содержимого.

Моя проблема сейчас в том, когда я пытаюсь поместить 2 плавающих элемента div (1 слева - 1 справа) в тело div #.Тогда нижний колонтитул находится в нижней части экрана, но не сдвигается вниз, когда имеется много содержимого (Вы можете увидеть эту скрипку )

Как я могу заставить ее работать?Я попробовал 1000 трюков, найденных в сети, но до сих пор не могу понять, как заставить это работать.

Заранее спасибо.

Answer 1

Попробуйте:

#body {
   overflow:hidden;
}

РЕДАКТИРОВАТЬ: Таким образом, вам не понадобится дополнительный элемент для очистки поплавков.

Answer 2

Поставьте <br style="clear:both;" /> после ваших плавающих дел.

Как это: http://jsfiddle.net/9FwCN/1/