With height=100% in CSS, .scroll, .scroll-content, .pane has different height

ionic-v1
1

In index.html:

<body>
<ion-nav-bar class="bar-positive nav-title-slide-ios7" align-title="center">
</ion-nav-bar>
<ion-nav-view>
</ion-nav-view>

In template.html:

<ion-view id="welcome" hide-nav-bar="true">
<ion-content has-bouncing="false">
    <div id="welcome-img">  <!-- with a image background -->
    </div>
</ion-content>

In CSS:
.scroll, .scroll-content, .pane {
height: 100%;
}

But the result is:
.scroll is always 1px higher than .pane;
.scroll-content is always 1px higher than .scoll

Anyone can tell me how to make .scoll-content, .scroll and .pane have the same Height? Thanks

2

I have the same problem, any solutions?