How to prevent fixed button from overlapping footer area and stop the button on top of where the footer is located

Question

I am trying to create a button that is fixed on the lower-left side of the screen. I tried to setup in JSFiddle to recreate what I\'m trying to do.

Here is my HTML:<

Answer 1

Use absolute positioning instead. Also, don't use left:0 and right:0. Only use one or the other. Try

position:absolute;
bottom:0;
left:0;

EDIT: sorry, your code seems to work. What is it you want to do, exactly?