Margin bottom on absolute positioned div working in Chrome but not Safari or Firefox
Here is a solution with a wrapper and a spacer.https://jsfiddle.net/Boloeng/3npkmy6f/11/
<div class="wrapper"> <div class="main" style=""> </div></div><div class="spacer"></div><div class="hidden-footer"> <a href="http://google.com">THIS IS A LINK</a></div>
However, bottom margin on absolute elements is probably something not specified (that would explain the different behaviors). So I would avoid this kind of approach.