Tables get messed up when centred

Hi guys, i’m quite new to wordpress. I’ve been converting my static html website to wordpress to make life a little easier when upadting. I have come across a problem with tables, which no matter what i do, doesnt seem to work. I searched the forum and tried what some people have mentioned but makes no difference at all.

The URL to page is :
http://www.keretapi.com/website/test-page/

The first table is my attempt to centre its position. It works but as you can see, there is a another line on the top which leads to no where and also the background for the table is larger. It should look like the second table. I use Ultimate tinyMCE to place the buttons on the toolbar(not sure if this information is needed or not not). Any help at all would be really appreciated. Thank you!

This is the code for the first table:

<table class="aligncenter" style="width: 350px;" border="1" align="center"><caption> </caption>
<tbody>
<tr>
<td> Locomotive Number</td>
<td> Locomotive Name</td>
</tr>
<tr>
<td style="text-align: center;"> 26101</td>
<td>Tanjung Aru</td>
</tr>
<tr>
<td style="text-align: center;"> 26102</td>
<td>Tanjung Bidara</td>
</tr>
<tr>
<td style="text-align: center;"> 26103</td>
<td>Tanjung Dumpil</td>
</tr>
<tr>
<td style="text-align: center;"> 26104</td>
<td>Tanjung Dungun</td>
</tr>
<tr>
<td style="text-align: center;"> 26105</td>
<td>Tanjung Gelang</td>
</tr>
<tr>
<td style="text-align: center;"> 26106</td>
<td>Tanjung Jara</td>
</tr>
<tr>
<td style="text-align: center;"> 26107</td>
<td>Tanjung Karang</td>
</tr>
<tr>
<td style="text-align: center;"> 26108</td>
<td>Tanjung Kupang</td>
</tr>
<tr>
<td style="text-align: center;"> 26109</td>
<td>Tanjung Pelepas</td>
</tr>
<tr>
<td style="text-align: center;"> 26110</td>
<td>Tanjung Penawar</td>
</tr>
<tr>
<td style="text-align: center;"> 26111</td>
<td>Tanjung Piai</td>
</tr>
<tr>
<td style="text-align: center;"> 26112</td>
<td>Tanjung Piandang</td>
</tr>
<tr>
<td style="text-align: center;"> 26113</td>
<td>Tanjung Puteri</td>
</tr>
<tr>
<td style="text-align: center;"> 26114</td>
<td>Tanjung Ramunia</td>
</tr>
<tr>
<td style="text-align: center;"> 26115</td>
<td>Tanjung Rhu</td>
</tr>
<tr>
<td style="text-align: center;"> 26116</td>
<td>Tanjung Selatai</td>
</tr>
<tr>
<td style="text-align: center;"> 26117</td>
<td>Tanjung Sepat</td>
</tr>
<tr>
<td style="text-align: center;"> 26118</td>
<td>Tanjung Tohor</td>
</tr>
<tr>
<td style="text-align: center;"> 26119</td>
<td>Tanjung Tualang</td>
</tr>
<tr>
<td style="text-align: center;"> 26120</td>
<td>Tanjung Tuan</td>
</tr>
</tbody>
</table>