как я делаю прокрутку содержания динамично в DIV на сафари iPhone или WebKit андроида?

мой код:

for(var myLine = 0; myLine < 100; myLine++)
      document.getElementById("myDiv").innerHTML += "line " + myLine + "<br>";


...............

<div style="position:...etc; overflow:auto;" id="myDiv"></div>

это работает без незначительного сбоя в каждом браузере на всех не мобильные платформы. Однако..., когда это реализовано на iPhone (Safari) или Android (WebKit), отделение заполнено текстом, но никакая полоса прокрутки не сгенерирована, когда текст работает мимо высоты отделения, и пользователь не может "продвинуть" содержание вниз также. Так эффективно переполняются, всегда "скрыт" несмотря ни на что.

Мне любопытно, если существует некоторый альтернативный подход, который я пропускаю или если это - просто ошибка, у меня нет способа двигаться в данный момент.