title: position:absolute issue on iPad
body: <p>I have a HTML code as follows;</p>
  
  <pre><code>&lt;div&gt;Content table with varying height&lt;/div&gt;
      &lt;div id="buttons"&gt;
      &lt;TABLE&gt;
      &lt;TBODY&gt;
      &lt;TR&gt;
      &lt;TD&gt;2 buttons here....&lt;/TD&gt;
      &lt;/TR&gt;
      &lt;/TBODY&gt;
      &lt;/TABLE&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And there is a CSS defined as;</p>
  
  <pre><code>div#buttons{
      position: absolute;
      bottom: 1em;
      left: auto;
  }
  </code></pre>
  
  <p>Now there is an issue on the iPad Safari..i.e. The position of the buttons remain fixed/stick to the bottom of the screen...i.e. if the height of the content table above it increases, it kind of overlaps with the buttons at the bottom.</p>
  
  <p>Is there any way by which I can avoid that overlap and instead have it positioned based on the dynamic height content above ? </p>