а должно стоять (как вариант):
<div align="center">
<table cellspacing="1" cellpadding="1" border="0" align="center" style="height: 300px; width: 200px;">
<tbody>
<tr>
<td style="background-color: #000000;" class="caption"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background-color: #333333;"></td>
</tr>
<tr>
<td style="background-color: #666666;"></td>
<td></td>
</tr>
</tbody>
</table>
</div>
именно
align="center" и выдаст центрование таблицы относительно краёв контента. Иногда применяется <span> - некая заглушка, тэг, не несущий никакого форматирования, внутрь которой можно прописать выравнивание, цвет или ещё что-нибудь, если div-у, например, уже заранее прописано в общем css-файле "выравнивать по левому краю"
На эту тему - http://htmlbook.ru