Quando um usuário realiza uma pesquisa no meu site, quero mostrar o resultado em uma pequena div com barras de rolagem verticais, em vez de o usuário precisar rolar a página inteira. Isso funciona perfeitamente em todos os navegadores, mas eu tenho problemas no iPad. Percebo que o resultado da pesquisa não se encaixa na div, mas nenhuma barra de rolagem está aparecendo no iPad. Além disso, quando tento rolar dentro da div, a página inteira é rolada. Existe uma solução para fazer isso funcionar?

HTML E CSS:

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

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