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

In index.html:

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

In template.html:

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

.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

I have the same problem, any solutions?