Android / PhoneGap / KendoUI上未显示页脚元素

Question

我们正在使用KendoUI Mobile和PhoneGap。 在某些设备上或从Eclipse调试器运行应用程序并且手机被锁定时，设备解锁时不会显示页脚。 重新加载后，应用页脚元素显示正确。

    <div id="xqual" data-role="view" data-title="LOGIN" data-init="initApp" >

        <header data-role="header">
            <div data-role="navbar">
                <span data-role="view-title" ></span>
                <a id="btnRefreshApp" data-align="left" data-role="button" data-click="doReload" data-icon="refresh">RS</a>
            </div>
        </header>

        <ul data-role="listview" data-style="inset" id="loginForm">
            <li>
                <label>ID<input type="text" data-value-update="keyup"  data-bind="value: id"  /></label>
            </li>
            <li>
                <label>Password<input type="password" data-value-update="keyup"  data-bind="value: pwd"  /></label>
            </li>
            <li>
                <label>Remember password<input type="checkbox" data-bind="checked: remember"  /></label>
            </li>
            <li>
                <div style="text-align:center">
                    <a  data-role="button" data-click="doLogin">Login</a>
                </div>
            </li>
        </ul>
        <h1 style="text-align:center" id='message'>Please log in</h1>
        <img id="imgCamera" height="100">
        <footer data-role="footer">
            <div data-role="navbar">
                <a id="btnSettings" data-align="left" data-click="showSettings" data-role="button" >Settings</a>
                <a id="btnExit" data-align="right" data-role="button" data-click="doExit" data-icon="rewind">Exit</a>
            </div>
        </footer>
</div>

有人知道问题或解决方案吗？ 我们也尝试过这样的css：

footer { 
    position:absolute !important; 
    bottom:0  !important; 
    width:100%  !important; 
    height:60px  !important; 
}

提前致谢。