Хочу разместить таблицу по середине страницы, а ее строку разделить на два стобца с фоном разного цвета.

Код таблицы:

<table style="margin:auto; display:block; width:75%; color:#8C4400; border-collapse:separate; border-spacing:7px 7px; background-color: #6F9; ">
	<tr>
		<td style="background-color: #9F3; width:50%">1</td>
		<td style="background-color: #CCC; width:50%">2</td>
	</tr>
	<tr>
		<td>3</td>
		<td>4</td>
	</tr>
	<tr>
		<td colspan="2" style="background-color:#CF8; width:100%">5</td>
	</tr>
</table>

А получается вот что (скриншот).

Почему так?

Хотел без <div> обойтись.

Теперь все ясно, спасибо!