Scrollbar not visible in jquery mobile app

Scrollbar not visible in jquery mobile app

I am working on a jquery mobile app which uses phonegap. In the app, I am dynamically loading a listview in a page with number of items greater than what can be shown on a single screen. When viewing in android emulator (Android 2.2), the listview is shown fine, and I can swipe or use the buttons to scroll down, but the vertical scrollbar is not visible. Do I have to do anything special for the vertical scrollbar to show up?

When I open a static version of the page in a browser (Firefox), the scrollbar does show up, but the same static page loaded in the app on the android emulator doesn't show the scrollbar (i.e., it seems that the behavior is consistent and has nothing to do with the dynamic nature of loading the listview).

I am using jquery 1.7.1, JQM 1.1.1, phonegap 2.0 (all most recent versions).

Here is the page code:

    <!DOCTYPE HTML>
    <html>
    <head>
        <title>Conference List</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="common/jquery.mobile-1.1.1.min.css" />
        <script type="text/javascript" charset="utf-8" src="common/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="common/jquery.mobile-1.1.1.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="common/cordova-2.0.0.js"></script>
    </head>
    <body>
    <div id="conf-list" data-role="page">
   
        <div data-role="header">
            <a href="#" class="ui-btn-left" data-icon="delete" onclick="exit()">Exit</a>
            <a href="#" class="ui-btn-right" data-icon="refresh" onclick="downloadConfList(confFilePath)">Refresh</a>
            <span class="ui-title" />       
        </div><!-- /header -->
   
        <div data-role="content">
            <ul data-role='listview' data-inset='true'>
                    <li data-role='list-divider'>Available Conferences:</li>
                    <li data-icon='false'>
                            <a href='javascript:openConference(2010041801)'>
                                    <h4>Conference A1 2010</h4>
                                    From 2010-04-18 to 2010-04-20<br />
                                    Orlando, FL, USA
                            </a>
                    </li>
            <!-- *** 10 more items as above *** -->
           
            </ul>
        </div><!-- /content -->
   
    </div><!-- /page -->
    </body>
    </html>


[Cross posted in StackOverflow]