I know, this is really a noob question but I just need some other eyes. 

I have a mobile sidebar that appears. The body is set to overflow: hidden;. I am trying to have the sidebar display with an overflow-y:scroll and then allow the sidebar to scroll full height but the max its allowing is 1000px;

What I am trying to acheive is something similar to [Hotels.com](https://www.hotels.com/search.do?resolved-location=CITY%3A1506246%3AUNKNOWN%3AUNKNOWN&destination-id=1506246&q-destination=New%20York,%20New%20York,%20United%20States%20Of%20America&q-check-in=2019-07-24&q-check-out=2019-07-25&q-rooms=1&q-room-0-adults=2&q-room-0-children=0) Narrow Results sidebar in responsive mobile display.
sidebar HTML Code: 

```
<div class="filters-sidebar>
  <aside class="booking-filters>
    <h3>Filter By:</h3>
    <ul class="booking-filters-list">
      <li>Booking item</li>
      <li>Booking item</li>
      <li>Booking item</li>
      <li>Booking item</li>
       ...Lots more of these...
    </ul>
  </aside>
</div>

```

sidebar CSS code:

```
.filters-sidebar {
  postion:absolute;
  left: 0;
  top: 0;
}

.filters-sidebar .booking-filters-list {
  overflow-y: scroll;
  height: 2000px ;
}

```