CSS“定位：固定”属性不适用于HTC

Question

所以我有一个Jquery Mobile / PhoneGap应用程序。我将JQM标头置于“固定”状态。在下面，我有一个图像。还使用CSS属性“Position：fixed”修复图像。然后，内容将在图像下方滚动。

这在Iphone 4S和三星S2中完美运行，但在HTC Desire上，固定图像的一部分现在隐藏在JQM标题下。知道为什么会这样吗？这是代码......

HTML

<div data-role="page" data-theme="f" id="medical_emergency">

<div data-role="header" data-position="fixed" data-tap-toggle="false" style="padding-right: 70px;">
    <a href="#main_menu" data-role="none"><img height="25" width="27" src= "img/back_002_100x100.png"></a>
    <h1>Medical Emergency</h1>
</div>


  <img class="lips" width="100%" height="100" src="img/lipscopy.png">

CSS

  .lips {    
   position: fixed;
  }