Footer at the bottom of the page

[brackenhill-mob]

I had exactly the same issue. Add these to lines to #footer

position: fixed;
bottom: 0;

You were almost there - the position cannot be relative