Table contents appear far left in IE8, centered in IE7

This table's contents appears centered in IE7, but appears all the way to the left side of the table in IE8.
Can you help me resolve this issue so it looks centered in IE8? Thanks.

Code:

<table id="tab999">
<tr>
<td width="100px"><font size="3" color="#000000" face="Arial">&nbsp;&nbsp;&nbsp;<u>Amount</u></font></td>
<td width="100px"><u><font size="3" color="#000000" face="Arial">Cost</font></u></td>
<td width="100px"><u><font size="3" color="#000000" face="Arial">Purchase</font></u></td>
</tr>
<tr>
<td>[blk1.name;block=tr]</td>
<td>
0.10
</td>
<td>
<form action="pay/paypal1.php" method="post">
<input type="hidden" value="[var.user_id]" name="uid">
<input type="hidden" value="[blk1.cred_amt]" name="cre">
<input type="hidden" value="Item" name="item">
<input type="hidden" value="[blk1.value]" name="valu">
<input type="image" value="[blk1.value]" name="valu" src="https://www.paypal.com/Checkout.gif" align="bottom"/>
</form>
</td>
</tr>
</td>
</tr>
</table>

CSS:

Code:

#tab999 {
      width:360px;
      margin:0px 0px 0px 0px;
      text-align:center;
      font-size: 12px;
      padding:10px 0px 30px 0px;
      border:1px solid #;
      }
      #tab999 td {
      text-align:center;
      margin:0 auto;
      border: 1px solid #CACACA;
      padding:8px 0px 0px 0px;
      }

[Join us @ facebook]

Try to use margin:auto in the #tab999

[Guest]

[59.818]

Googlebot