Problem with table in post/page

I’m trying to include a table in one of my posts. It formats correctly, but it places a huge horizontal space above the table. Here is the demonstation of the problem in a page:

http://www.googletutor.com/testing/test-table/

Here is the beginning of the table code:


<table border="1" cellspacing="0" cellpadding="2" width="50%">
<tr bgcolor="#CBDCED">
<td align="center" colspan="2"><font face="Arial, Helvetica, sans-serif" size="-1"><b>Gmail's Formatting Options</b></font></td>
</tr>
<tr>
<!--image---> <td align="center" width="1%" nowrap><img src="http://www.google.com/gmail/help/images/screenshots/html_compose/bold_icon.gif" width="20" height="20" alt="Bold"></td>
<!--details--><td>
<font face="Arial, Helvetica, sans-serif" size="-1">
<strong>Bold</strong> - bold all or some of your message</font></td>
</tr>
...