ios - iOS でのポジショニングの問題

Question

iOS アプリに jquery mobile-1.2.0 と cordova-2.1.0 を使用しています。iOS シミュレーターではすべて正常に動作していますが、iPhone でアプリを実行すると、特定のページに移動すると、ヘッダーの下のコンテンツが表示され、定義された位置に設定されます。なぜこうなった？

login.htm ページから menu.htm を使用して移動し$.mobile.changePage('menu.htm', {transition: "slide"});ます。以下は menu.htm です。

<div data-role="content">    
    <ul data-role="listview" id="mainMenu">        
        <li style="height:50px">            
            <a href="LeadScreens/leadHome.htm" data-transition="slide" id="leadsLink">                
                <img src="images/leads.png" alt="leads" class="ui-li-icon"/>
                Leads                
            </a>            
        </li>        
        <li style="height:50px">            
            <a href="abc.htm" data-transition="slide" id="activitiesLink">                
                <img src="images/activities.jpg" alt="activities" class="ui-li-icon"/>
                Activities                
            </a>            
        </li>        
    </ul>    
</div>

Answer 1

一番下に余分な</div>ものがあります。それが問題かもしれません。