title: Table not centering at all
body: <p>I know this question has been asked a billion times, but I've looked at the solutions and the table just refuses to center. I was hoping someone could help me.</p>
  
  <p>This is what I have for the HTML:</p>
  
  <pre><code>&lt;div id="paccount"&gt;
      &lt;table style="margin: 0 auto;"&gt;
          &lt;tr&gt;
              &lt;td width="320" height="150"&gt;Order History&lt;/td&gt;
              &lt;td width="28" rowspan="4"&gt;&lt;/td&gt;
              &lt;td width="320" rowspan="4"&gt;Personal Information&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td height="15"&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td width="320" height="90"&gt;Preferences&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td height="15"&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td height="115" colspan="3"&gt;Logout&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is the CSS for that div:</p>
  
  <pre><code>#paccount {
      width: 668px;
      height: 400px;
      background-color: transparent;
      text-align:center;  
  }
  </code></pre>
  
  <p>EDIT: I meant centering the text in the table, sorry.</p>