title: why background image not display?
body: <p>I am trying to make simple app single page app .Actually I take background image which is placed on <strong></strong> it display when I used  <code>&lt;ion-content class="bg"  style="position:absolute!important"&gt;</code> <strong>position:absolute</strong> but it display in small area .I need to display on whole contend .In other words in whole contend tag complete screen.
  here is my code</p>
  
  <p><a href="http://codepen.io/anon/pen/pvYdNM" rel="nofollow">http://codepen.io/anon/pen/pvYdNM</a></p>
  
  <pre><code>&lt;html ng-app="ionicApp"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt;
      &lt;title&gt;Ionic List Directive&lt;/title&gt;
  
      &lt;link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"&gt;
      &lt;script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body &gt;
          &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 class="bg"  style="position:absolute!important"&gt;
            &lt;h1 &gt;contend&lt;/h1&gt;
            &lt;/ion-content&gt;
            &lt;ion-footer-bar class=" bar bar-footer bar-positive" style="position:fixed!important"&gt;
             &lt;h1 class="title"&gt;Fotter!&lt;/h1&gt;
            &lt;/ion-footer-bar&gt;
        &lt;/ion-view&gt;
  
  
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>