title: IONIC 2 ion-content overlaps ion-header in Android
body: <p>ion-tabs and ion-content overlaps ion-header when i load an image in the header, it only happens the first time i'm visiting the page, after that it loads well.
  <strong>this is the component</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import { NavController } from 'ionic-angular';
  @Component({
  selector: 'page-home',
  templateUrl: 'app/home.page.html'
  })
  export class HomePage {
  public image: string;
  appName = 'Ionic App';
  constructor(public navController: NavController) { }
  ionViewDidLoad(){
  this.image = "https://source.unsplash.com/640x300/?technology"
  }
  }
  </code></pre>
  
  <p>Here is the html</p>
  
  <pre><code>&lt;ion-header&gt;
  &lt;ion-navbar&gt;
  &lt;ion-title&gt;&lt;/ion-title&gt;
  &lt;/ion-navbar&gt;
  &lt;img class="cabecera" [src]="image" width="100%"&gt;
  &lt;/ion-header&gt;
  &lt;ion-content padding class="contenido"&gt;
  Welcome to this &lt;ion-icon name="ionic"&gt;&lt;/ion-icon&gt; &lt;b&gt;Ionic 2 app&lt;/b&gt;.
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Its posible to view an example in this plunker
  <a href="https://plnkr.co/edit/CpBXmn?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/CpBXmn?p=preview</a></p>