title: CSS - How to horizontally center table whos position is absolute
body: <p>I have a 5 html pages with the same code. Say this is the code:</p>
  
  <pre><code>&lt;div id='generic'&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>all the 5 pages link to the same external CSS file which is just this:</p>
  
  <pre><code>&lt;style&gt;
      #generic {
          width: 700px;
          height: 500px;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>On each of the 5 pages, I inserted a table, like so</p>
  
  <pre><code>&lt;div id='bottomBar'&gt;
      &lt;table id='bottomTable'&gt;
          &lt;tr id='bottomTr'&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The table has only one row. In the one row, I need to pick a random number from 1-10, and that is how many td's the row is going to have. So the first html page can have 2 td's, the second can have 6td's, etc. I need to make it so that the vertical position of the table is the same throughout all pages but the table must be horizontally aligned. I have to use position absolute since other users might type a few paragraphs before the table on some pages, and on some pages, there might not be any additional paragraphs so in order for me to have the same vertical position of the table, I need position absolute. How do I make it so that every table is horizontally centered? By horizontally aligned, I mean that every table has an even amount of white space on the left And the right regardless of how many td's the table has.</p>
  
  <pre><code>margin: 0 auto;
  </code></pre>
  
  <p>doesn't work for me. Note that I am not using CSS3 and am using IE8.</p>