Page is not completing list

Page is not completing list

I am using a css page that someone else wrote to enable openlayers map to be displayed.

Using the Android default browser, whenever I include my own pages I find that if the page is long, ie a list of 40 or so items, only the items that fit on the viewable page are listed. The page is scrollable but everything below the page height of the device is empty. Using Firefox for Mobile there is no problem and the whole list is displayed when scrolling. Everything also appears fine on my laptop, ie with scrollbars and full list, in Firefox, Chrome, and Opera.

The Android default browser scrolling works with all other long pages I have tried.

In the css file I have included the following for the page involved:
#locpage {
    width: 100%;
    height: 900px;   
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

The viewport is set to:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, maximum-scale=1.0, user-scalable=0">

Can anybody tell me what css property might be responsible for this?