Tab View Hides ion-nav-view

Struggling to get tab view working. I would think this code should work, however I get the tab and then a black pane covering the rest.

If I put the above the ion-tabs directive, I see the nav-view content, but don’t see the tabs. It seems one is overlaying the other depending on position in the code. What am I doing wrong?


<ion-tabs class="tabs-icon-top tabs-positive">

        <ion-tab title="Home" icon="ion-home" href="#/tab/home">
          <ion-nav-view name="home-tab"></ion-nav-view>

        <ion-tab title="About" icon="ion-ios7-information" href="#/tab/about">
          <ion-nav-view name="about-tab"></ion-nav-view>

        <ion-tab title="Contact" icon="ion-ios7-world" ui-sref="">
          <ion-nav-view name="contact-tab"></ion-nav-view>



I think that bottom <ion-nav-view></ion-nav-view> tag set is probably confusing things. Try removing that.