title: Space on the top of a simple site
body: <p>I tried a simple hello world example from <a href="http://www.sencha.com/learn/hello-world/" rel="nofollow noreferrer">http://www.sencha.com/learn/hello-world/</a> and run it in the browser. Looks fine... But on two Android devices I get some space in the top of the site so that the first line will not be display... What happend?</p>
  
  <p>There must be three Hello Worlds... But the first one ist lost behind the titlebar.. I checked it the a simple button and the same effect, the button will displayed as half.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; 
  &lt;head&gt; 
      &lt;meta charset="utf-8"&gt; 
      &lt;title&gt;Hello World&lt;/title&gt; 
  
      &lt;script type="text/javascript" charset="utf-8" src="st2/sencha-touch-all-debug.js"&gt;&lt;/script&gt;
      &lt;link id="0" type="text/css" rel="stylesheet" href="st2/resources/css/sencha-touch.css" /&gt; 
  
      &lt;script type="text/javascript"&gt; 
  
          Ext.application({
              launch: function () {
                  Ext.create('Ext.Panel', {
                      fullscreen: true,
                      html: 'Hello World!&lt;br/&gt;Hello WOrld2&lt;br/&gt;Hello WOrld 3'
                  });
              }
          });
  
      &lt;/script&gt; 
  
  &lt;/head&gt; 
  &lt;body&gt;&lt;/body&gt; 
  </code></pre>
  
  <p></p>
  
  <p><img src="https://i.stack.imgur.com/ktXGz.jpg" alt="Screenshot"></p>