Адаптивный футер приклеенный к низу

Как с помощью CSS прижать footer к низу окна браузера

HTML

<div id="content">
    <h1>
        Адаптивный футер страницы приклеенный к низу
    </h1>    
 <p>Значимость этих проблем настолько очевидна, что укрепление и развитие структуры влечет за собой процесс внедрения и модернизации модели развития. Таким образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании соответствующий условий активизации. С другой стороны укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. Разнообразный и богатый опыт постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации модели развития. Повседневная практика показывает, что сложившаяся структура организации играет важную роль в формировании модели развития. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров играет важную роль в формировании соответствующий условий активизации.</p>
 </div> 
<div id="footer">
    <p>А вот и сам футер пристроенный к нижней части страницы. Попробуйте изменять размеры окна браузера, футер будет автоматом подстраиваться под выбранный вами размер.</p>
</div>

CSS

html, body {height: 100%;}
body {
 min-height: 100%;
 position: relative;
}
body {
  background: #fafafa;
}
#content {
 padding-bottom: 100px;
}
#footer {
 position: absolute;
 bottom: 0;
 background-color:gray; 
 width:100%;   
 height: 80px;
 color: #ccc;
 text-align: center; 
}