Make footer stick to bottom and not overlapp container

Question

I am trying to make this footer div stick to the bottom of my page, as well as not overlapping the container DIV.

https://jsfiddle.net/55frzot1/

I have unsuccessfully been trying to add a push class, with the same height as the footer:

.push {
    min-height: 150px;
    position: absolute;
}

Please help!

Answer 1

use footer{ bottom:0px; position:fixed;}