title: Internet explorer creates horizontal scrollbar for vertical scrollbar's width
body: <p>A div, containing a table has the following CSS styling:</p>
  
  <pre><code>#formulaAlts {
      float: right;   
      height: 200px;
      overflow: auto;
  }
  </code></pre>
  
  <p>This makes it so that when the table is >200px, a scrollbar appears only for the table and the other elements on the page stay put. Great!</p>
  
  <p>Now for our friend IE...<br>
  In IE, the element spawns the vertical scrollbar without growing the containing element. To "solve" this, a horizontal scrollbar is created.<br>
  That sucks. And I don't want it to suck...</p>
  
  <p>Any ideas?</p>
  
  <p><strong>--EDIT--</strong><br>
  I found out that the line </p>
  
  <pre><code>overflow-x: hidden;
  </code></pre>
  
  <p>forces IE to ignore the horizontal scrollbar. This is better.. but not quite there because now part of my table is invisble.</p>