title: Javascript DOM offsetHeight issue on small screens
body: <p>I have a simple code to set the height of one column, <code>id="colLeft"</code> to the height of another column, <code>id="colRight"</code>, with no padding or borders:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var colLeft = document.getElementById("colLeft");
      var colRight = document.getElementById("colRight");
      colLeft.style.height = colRight.offsetHeight + "px";
  &lt;/script&gt;
  </code></pre>
  
  <p>This code works fine on desktop and iPad, but on my android phone the results are rather unpredictable. Sometimes colLeft is much longer, sometimes colRight, and sometimes it works the way it should. I have tried it on two browsers with the same results.</p>
  
  <p>I have also tried it inside <code>window.onload=function(){...}</code> which gave slightly less variance in the results, but is still not perfect.</p>
  
  <p>Thanks for any help.</p>