Footer bar getting cut off in emulator

I found a 'hack' solution, but I not fond of it. It also only seems to work on IOS8 and not Android.

If i wrap the footer with div/style/position and bottom 20px, then it works. Still interested in other solutions.

<div style="position: absolute; bottom: 20px; width: 100%;">
         <div class="bar bar-footer bar-dark">
        <div class="button-bar">
  <a class="button" href="#/main">Home</a>
  <a class="button" ng-click="localStorage.clear()">Clear</a>
  <a class="button" href="#/estimate">Estimate</a>
</div>
     </div>
    </div>