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?

Thanks.

<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>

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

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

      </ion-tabs>

          <ion-nav-view></ion-nav-view>

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