title: HTML CSS "position: relative" not well displayed in Samsung Galaxy Tab 10.1 Android 4.0.4
body: <p>I have a hybrid application with this main HTML.</p>
  
  <pre><code>&lt;body&gt;
      &lt;div&gt;
          &lt;div id="AppBody" &gt;
              &lt;div&gt;
                  &lt;section id="hoy"&gt;
                      pppppppp 
                  &lt;/section&gt;      
                  &lt;section id="productos"&gt; 
                      kkkkkkkkk
                  &lt;/section&gt;
              &lt;/div&gt;
  
              &lt;div&gt;
                  &lt;section id="rendimiento"&gt; 
                      lllllllllll
                  &lt;/section&gt;
              &lt;/div&gt; 
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>#AppBody {
      display: -webkit-box;
  }
  
  section#hoy{
      width: 94%;
      float: right;
      position: relative;
  }
  
  section#productos{
      width: 94%;
      float: right;
      margin-top: 5px;
      position: relative;
  }
  
  section#rendimiento{
      width: 94%;
      float:left;
      position: relative;
  }
  </code></pre>
  
  <p>In my laptop with Chrome it is displayed correctly. Also in my Samsung Galaxy S3 Mini with Android 4.1.2</p>
  
  <p>In Safari and in an iPad it is also well displayed.</p>
  
  <p>But in Samsung Galaxy Tablet 10.1 with Android 4.0.4 the third div is displayed below the previous divs, not on the top in parallel to the other divs.</p>
  
  <p>Any idea? Thank you.</p>