title: -webkit-mobile browser position problem
body: <p>I am looking for a fix to <code>position:fixed</code> on ipad/iphone, I am currently trying to the following so that my overlay background fills the entire screen.</p>
  
  <pre><code>if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
      {
           alert("ipad");
           $("#overlay").css({
              "position": "static"
           });
      };
  
      $("#overlay").css({
          "height": $(window).height()+"px"
      });
  </code></pre>