>

>.footer
>{
>   height: 100px;
>   position:fixed;
>   bottom: 0;
>}
>

This is not enough. You still need to consider the footer will bump over the body as the browser is resized or as the text length changes. The body has a padding-bottom. And, that is what has to be adjusted.