title: ion-content overlap with ion-header-bar
body: <p>I am building phonegap apps based on ionic framework. In one html page, I need one header and one content.But the header overlaps with the content. I am sorry I have no enough reputation to post the image.</p>
  
  <p>The code is following. The html page is in the same folder with lib folder, which contains the ionic css and js folders.</p>
  
  <pre><code>    &lt;html&gt;
      &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Weather&lt;/title&gt;
  
      &lt;!-- Sets initial viewport load and disables zooming  --&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"&gt;
      &lt;link rel="stylesheet" href="lib/css/ionic.css"&gt;
  
      &lt;script src="lib/js/ionic.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="lib/js/angular/angular-resource.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;ion-header-bar class="bar bar-header bar-dark"&gt;
            &lt;h1 class="title"&gt;Settings&lt;/h1&gt;
            &lt;button class="button button-clear" ng-click="closeSettings()"&gt;Close&lt;/button&gt;
          &lt;/ion-header-bar&gt;
          &lt;ion-content has-header="true"&gt;
            &lt;div class="padding"&gt;
              &lt;div class="list"&gt;
                &lt;label class="item item-input"&gt;
                  &lt;span class="input-label"&gt;Units&lt;/span&gt;
  
                  &lt;ion-radio-buttons ng-model="settings.tempUnits"&gt;
                    &lt;button class="button button-positive button-radio" ng-value="'f'"&gt;&amp;deg;F&lt;/button&gt;
                    &lt;button class="button button-positive button-radio" ng-value="'c'"&gt;&amp;deg;C&lt;/button&gt;
                  &lt;/ion-radio-buttons&gt;
                &lt;/label&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/ion-content&gt;
  
      &lt;!-- &lt;ion-pane id="wrapper"&gt; --&gt;
  &lt;!--        &lt;ion-header-bar class="bar bar-header bar-dark"&gt;
              &lt;button class="button icon-left ion-chevron-left button-clear button-dark" onclick="goBack()"&gt;Back&lt;/button&gt;
              &lt;div class="title"&gt;xxx&lt;/div&gt;
              &lt;button class="button button-icon icon ion-navicon"&gt;&lt;/button&gt;
          &lt;/ion-header-bar&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>