title: Get a scrollbar with { position: absolute; right: 0px; }
body: <p>I need to align some elements in an iframe to the right and have it activate a horizontal scrollbar on the iframe when it gets squished.</p>
  
  <p>The following code (in the iframe) works perfectly with a left positioning:</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;div&gt;
              &lt;table&gt;
                  &lt;tr&gt;
                      &lt;td&gt;lorem ipsum here&lt;/td&gt;
                      &lt;td&gt;lorem ipsum here&lt;/td&gt;
                      &lt;td&gt;lorem ipsum here&lt;/td&gt;
                      &lt;td&gt;lorem ipsum here&lt;/td&gt;
                      &lt;td&gt;lorem ipsum here&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>html{
      overflow:scroll;
  }
  table{
      position: absolute; 
      left: 0px;
  }
  td {
      white-space: nowrap;
      border: 1px solid black;
  }
  </code></pre>
  
  <p>The exact same CSS with right positioning (right: 0px;) is broken, the horizontal scrollbar does not get activated.</p>
  
  <p>EDIT: horizontal scrollbar</p>
  
  <p>EDIT2: this HTML bit is in an iframe</p>
  
  <p>EDIT3: Interestingly document.getElementById('tableID').scrollWidth gives accurate information about the scrollWidth the scrollBar should have but does not display. I might try an ugly ugly fix to my problem (ie create an artifical scroll bar, fml)</p>