title: Ionic odd behaviour with state transitions inside drawer side menu content area
body: <p>I'm designing an application for mobile phones using cordova. I've made some good progress where I can transition between state to state inside my side menu content while still having drawer working. The way I have the interface designed is to have the side drawer and header bar be loaded once and the side menu content be the area of state transitions. I could not get my content to display below the header bar so I padded it down. However the issue is when I push things down the state transition animation pads also, oddly I tested menu-close directive in the tag, so it seems like the padded area is holding previous state of side menu content. I would prefer not use use menu-close so I don't reset the history stack on my states.</p>
  
  <pre><code>&lt;ion-side-menus  animation="no-animation" enable-menu-with-back-views ="true" &gt;
  &lt;!--Ion Side Menu Content Houses the content for the main page--&gt;
  &lt;ion-side-menu-content style="padding-top:45px"&gt;
  
  
  &lt;div menu-close style="padding-top:59px" &gt;
  &lt;ion-nav-view &gt; --Here
  &lt;/ion-nav-view&gt;    
  &lt;/div&gt;
  
  
   &lt;ion-header-bar class ="bar-balanced"&gt;
   &lt;div class ="buttons"&gt;
       &lt;button class ="button icon button-clear ion-navicon-round" ng-click="openDrawer()"&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;h1 class="title" style="text-align: center"&gt;Medroid&lt;/h1&gt;
      &lt;div class="buttons widget-container content-area horiz-area  wrapping-col" &gt; 
      &lt;button class ="button" ng-click="openPopover($event)" ng-controller = "notificationPopoverCtrl"&gt;
          &lt;i class ="icon button-dark ion-ios-bell"&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;button class ="button" ng-click="openPopover($event)" ng-controller ="InboxPopoverCtrl"&gt;&lt;i class ="icon button-dark ion-email"&gt;&lt;/i&gt; &lt;/button&gt; 
           &lt;button class ="button" ng-click="changeStatus()"&gt;&lt;i class     ="icon ion-ios-circle-filled {{statuscolor}}"&gt;&lt;/i&gt;{{docstatus}}&lt;/button&gt; 
      &lt;/div&gt;
  &lt;/ion-header-bar&gt;
  &lt;/ion-side-menu-content&gt;
  &lt;!--Ion Side menu drawer content--&gt;
  &lt;ion-side-menu side ="left"&gt;
  &lt;ion-header-bar class ="bar-positive"&gt;
  &lt;h1 class="title" style="text-align: center" &gt;Menu&lt;/h1&gt;
  &lt;/ion-header-bar&gt;
  &lt;/ion-side-menu&gt;
  &lt;/ion-side-menus&gt;
  </code></pre>
  
  <p>Here is a link to my plunker where I've implemented this.
  <a href="https://plnkr.co/edit/WuPJCoo2FQV1bkR0gvLj?p=preview" rel="nofollow">Plunker</a></p>
  
  <p>You're help would be greatly appreciated</p>
  
  <p>Cheers,</p>