нижний колонтитул не падает на дно страницы

Question

Быстро возникало проблема с этим нижним колонтитулом. прямая ссылка на страницу here. Там должна быть два футер состояния:

1. Когда высота содержания меньше, чем высота страницы, подвал должен прилипать к нижней части окна, как это делает в настоящее время
2. Когда высота содержания больше, чем высота окна , (см. рис.), нижний колонтитул не падает до нижней части содержимого.

1. работает, но 2. нет. Pic here вопроса, и это то, что происходит, когда вы прокручиваете pic любые идеи, как исправить?

CSS:

footer { 
    width: 100%; 
    float: left; 
    clear: both; 
    height: 50px; 
    position: relative; 
    bottom: 0; 
    overflow: hidden; 
    margin-top: -50px; 
} 

Answer 1

Проблема не с колонтитулом DIV, проблема с предварительным просмотром DOM элементом #wrapper

Изменение height свойства из #wrapper в min-height

#wrapper { 
    min-height: 100%; 
} 

также у меня мало предложений, float и clear не имеет смысла на footer удалите его.