title: Horizontal scrolling not working when position absolute/fixed
body: <p>I have a horizontal scrollbar containing images:</p>
  
  <pre><code>&lt;ion-view class="menu-content" view-title="Filter"&gt;
      &lt;ion-content overflow-scroll="true"&gt;
          &lt;div class="filter-examples"&gt;
              &lt;img class="filter-examples-img" ng-repeat="filter in filters" ng-src="{{filter.image}}" /&gt;
          &lt;/div&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>With the following css the scrolling is working really good:</p>
  
  <pre><code>.filter-examples {
      overflow: auto;
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  
  .filter-examples-img {
      margin: 0 auto;
      padding: 2px 2px 2px 2px;
      height: 150px;
  }
  </code></pre>
  
  <p>The problem is it is sticked at the top. I want it to be at the bottom so i tried this:</p>
  
  <pre><code>.filter-examples {
      position: absolute;
      bottom: 0;
      left: 0;
      overflow: auto;
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  </code></pre>
  
  <p>Now it is sticked to the bottom of the page but the horizontal scrolling is not working anymore. How can i stick it to the bottom without disabeling the scrolling?</p>
  
  <p><strong>ADD</strong></p>
  
  <p>A <a href="http://codepen.io/anon/pen/JYPgyr" rel="nofollow">CodePen</a></p>