title: text-align on a table in a cell (<table> inside a <td>)
body: <p>Here's something I never thought I'd say: I have a problem in Firefox and Chrome, but it's working fine in IE!</p>
  <p>It's very simple, but I don't understand why it doesn't work:</p>
  <p>I have a table inside a cell, and I have <code>style=&quot;text-align:right&quot;</code> on the cell, but the table is staying left in Firefox and Chrome (in IE it's obediently going to the right...). If I put align=right in the cell tag then it works, but I don't want to do that.</p>
  <p>Code is basically:</p>
  <pre><code>&lt;table width=&quot;1000&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align:right&quot;&gt;
  
        &lt;table border=&quot;1&quot;&gt;
          &lt;tr&gt;&lt;td&gt;Hello&lt;/td&gt;&lt;td&gt;Hello 2&lt;/td&gt;&lt;/tr&gt;
        &lt;/table&gt;
  
      &lt;/td&gt;
  
      &lt;td&gt;Hello 2&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  <p>I don't want the nested table to be width=100% or anything like that...</p>
  <p>Could anyone please explain to me why it doesn't work, and how to fix it, and maybe why it works in IE but not Firefox or Chrome?</p>