昔はCENTERタグってものがあって、以下のように囲えばOKだった。
┌──────────────────────────────────────┐
│<CENTER><TABLE>…</TABLE></CENTER>                                          │
└──────────────────────────────────────┘

でも、CENTERタグなんか使うなってことになって、以下のような感じになった。
＃実はこの辺があやふや(なにせCENTERタグをバリバリ使ってしまっていたから)
┌──────────────────────────────────────┐
│<TABLE align="center">…</TABLE>                                            │
└──────────────────────────────────────┘

そんでもって、CSSってのになって以下のような形で現在に至っています。
＃style属性じゃなくてstyleタグにまとめればなおいいけど、説明の便宜上こちらに
┌──────────────────────────────────────┐
│<table style="margin:auto;">…</table>                                      │
└──────────────────────────────────────┘

…ところが、IEがこれに対応していない。
ってことで、妥協案としてこんな感じになります。(ああ、ややこしい)
┌──────────────────────────────────────┐
│<div style="text-align:center;">                                            │
│<table style="margin:auto; text-align:left;">…</table>                     │
│</div>                                                                      │
└──────────────────────────────────────┘