Проблемы с вертикальными полосами прокрутки div на iPad

Когда пользователь выполняет поиск на моем веб-сайте, я хочу показать результат в небольшом блоке div с вертикальными полосами прокрутки вместо того, чтобы пользователю нужно было прокручивать всю страницу. Это отлично работает во всех браузерах, НО у меня возникают проблемы с iPad. Я вижу, что результат поиска не помещается в div, но на iPad не отображается полоса прокрутки. Также, когда я пытаюсь прокрутить внутри div, вместо этого прокручивается вся страница. Есть ли способ заставить это работать?

HTML И CSS:

<div class="searchResult">
    //Here I show the search result
</div>

div.searchResult
{
    height: 540px;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}