dynamic height css sticky footer

Question

I was looking recently for a dynamic css sticky footer solution and came across this one: http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html

it seems to work great in most of the popular newer browsers that i've tried but for some reason chrome doesn't display it in the same way and my guess is that safari acts in the same way.

can anyone point a finger on where the problem might be?

Thank you.

Answer 1

ok I solved it thanks to Explosion Pills comment.

It is most likely a bug if you set the body tag display property to be display: table .

to solve it just place the elements inside another div tag and set it as display: table