Table contents appear far left in IE8, centered in IE7

[Chrisj]

This table 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

 

<table id="tab999">
<tbody>
<tr><td>
<p><font face="verdana"><font size="3";font color=#800000;"><u>Purchase</u></font>
<table>
<tr>
<td width="100px"><font size="3" color="#000000" face="Arial">   <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="payment/paypal1.php" method="post">
<input type="hidden" value="[var.users_id]" name="usersid">
<input type="hidden" value="[blk1.credit_amt]" name="credit">
<input type="hidden" value="Item" name="item">
<input type="hidden" value="[blk1.value]" name="value">
<input type="image" value="[blk1.value]" name="value" src="https://www.paypal.com/checkout.gif" align="bottom" />
</form>
</td>
</tr>
</table>
</td></tr>
</tbody>
</table>

 

CSS:

#tab999 {
width:770px;
height:400px;
float:center;
clear:left;
margin:0px 0px 0px 0px;
font-size: 12px;
padding:10px 10px 10px 10px;
border:1px solid #153e7e;
}
#tab999 td {
border: 1px solid #CACACA;
padding:0px 0px 0px 0px;
}

[haku]

Between the fact that you are using tables for non-tabular data, and deprecated tags, you can't really expect to get cross-browser compatibility between older browsers and newer browsers. If you are going to do things the old way, then it's best to pick either the older browsers or the newer browsers, and make it work in one of them.

[Chrisj]

Thanks for your reply.

Can you give me an example of a better solution that would work in both browsers?

Thanks again

[haku]

CSS.

 

But actually, looking at your code again, I may have been wrong. It may be tabular data. What are you trying to make here?

[Chrisj]

I've made a matrix, 3 columns and 4 rows, that look and function well in IE7, but are all flush left in IE8.

I'd greatly appreciate a solution so that it also looks well in IE8.

Thanks