title: Safari dynamic browser height detection
body: <p>I'm trying to make footer stick to the buttom of the browser window. It works in chrome, but not in Safari or mobile Safari.</p>
  
  <p>I'm using the calc function in the css. On Safari the footer just stays in the same absolute position in both potrait and landscape mode. It seems as it does not detect/refresh the change of browser height which works fine on Chrome.</p>
  
  <pre><code>#footer{
      position:absolute;
      -webkit-top: calc(100% - 127px);
      top: calc(100% - 127px);
      height: auto;
      width: 100%;
      clear:both;
      overflow:hidden;
  }
  </code></pre>
  
  <p>How do I force Safari to refresh browser height?</p>