title: text in <h1> tag not visible in ion-content element
body: <p>I am trying to make single page application using ionic .But why I am not able to see contend in <strong></strong> tag.my <strong>contend</strong> text is hidden  why ?</p>
  
  <p><strong>code</strong>
  <a href="http://codepen.io/anon/pen/pvYdNM" rel="nofollow">http://codepen.io/anon/pen/pvYdNM</a></p>
  
  <pre><code>&lt;ion-view&gt;
        &lt;ion-header-bar class=" bar bar-positive"&gt;
            &lt;h1 class="title"&gt;Title!&lt;/h1&gt;                 
        &lt;/ion-header-bar&gt;
        &lt;ion-content&gt;
            &lt;h1&gt;contend&lt;/h1&gt;
        &lt;/ion-content&gt;
        &lt;ion-footer-bar class=" bar bar-footer bar-positive"&gt;
             &lt;h1 class="title"&gt;Fotter!&lt;/h1&gt;
        &lt;/ion-footer-bar&gt;
    &lt;/ion-view&gt;
  </code></pre>
  
  <p><strong>Answer :</strong></p>
  
  <pre><code>&lt;ion-view&gt;
        &lt;ion-header-bar class=" bar bar-positive test"&gt;
            &lt;h1 class="title"&gt;Title!&lt;/h1&gt;    
        &lt;/ion-header-bar&gt;
        &lt;ion-content&gt;
            &lt;h1&gt;contend&lt;/h1&gt;
        &lt;/ion-content&gt;
        &lt;ion-footer-bar class=" bar bar-footer bar-positive"&gt;
             &lt;h1 class="title"&gt;Fotter!&lt;/h1&gt;
        &lt;/ion-footer-bar&gt;
    &lt;/ion-view&gt;
  
  &lt;style&gt;
  
      .test {
       border: 1px solid red;
       position: relative!important;
      }
      &lt;/style&gt;
  </code></pre>