Content hides underneath header bar

Hi,
The text “Answered questions tab” from below isn’t visible.
I’ve been trying to solve it by going through the forums. I’ve tried most of the solutions, but the situation doesn’t change.

I’ve also tried adding class has-header to the div

Here is the offending code

home.html

<ion-view hide-nav-bar="true">
	<ion-header-bar>
	<h1 class="title">Header (stable)</h1>
	</ion-header-bar>
	<ion-content padding="true">
	<div><p>Answered questions tab</p></div>
	</ion-content>
</ion-view>

home.html is referred to from a tab inside tabs.html

<ion-view title="" hide-back-button="true">
<ion-tabs class="tabs-icon-top">
  <ion-tab title="Home" icon-on="ion-ios-home" icon-off="ion-ios-home-outline" ui-sref="tabs.home">
    <ion-nav-view name="homeTab"></ion-nav-view>
  </ion-tab>
  <ion-tab title="My Doubts" icon-on="ion-ios-bookmarks" icon-off="ion-ios-bookmarks-outline" ui-sref="tabs.doubts">
    <ion-nav-view name="doubtsTab"></ion-nav-view>
  </ion-tab>
  <ion-tab title="Settings" icon-on="ion-ios-cog" icon-off="ion-ios-cog-outline" ui-sref="tabs.settings">
    <ion-nav-view name="settingsTab"></ion-nav-view>
  </ion-tab>
</ion-tabs>