Mon tableau prend une bordure sur quatre

Salut tout le monde,
gros problème avec un tableau.
J'applique une bordure tout autour de celui, mais problème, celle-ci n'apparaît que du côté trois, et pourtant firebug affiche bien une bordure général à mon tableau

<div id="last_matches">
	<table>
		<tr>
			<th colspan="5">Derniers.Matchs</th>
		</tr>
		<tr class="dark_grey">
			<td class="last_matches_icon"><img src="images/icone_cod4.gif" width="13" height="13" alt="" /></td>
			<td class="last_matches_type">LGX</td><td class="last_matches_flag"><img src="images/fr.gif" width="16" height="11" alt="" /></td>
			<td class="last_matches_against">emuLate</td><td class="last_matches_score win">16-08</td>
		</tr>
		<tr class="light_grey">
			<td class="last_matches_icon"><img src="images/icone_cod4.gif" width="13" height="13" alt="" /></td>
			<td class="last_matches_type">LGX</td><td class="last_matches_flag"><img src="images/fr.gif" width="16" height="11" alt="" /></td>
			<td class="last_matches_against">emuLate</td><td class="last_matches_score win">16-08</td>
		</tr>
	</table>
	<a href="#" id="link_see_matches">Voir les matches</a>
</div>

#last_matches
{
	float: left;
	width: 242px;
}
#last_matches table
{
	width: 242px;
	text-align: center;
	border: 1px solid red;
}
#last_matches th
{
	background: url(../gfx/title_last_matches.gif) no-repeat;
	height: 26px;
	width: 240px;
}
.last_matches_icon
{
	border-right: 1px solid #ececec;
	width: 18px;
	padding: 0 0 0 5px;
}
.last_matches_type
{
	border-right: 1px solid #ececec;
	width: 30px;
	text-align: center;
}
.last_matches_flag
{
	padding: 0 0 0 5px;
	width: 16px;
}
.last_matches_against
{
	font-weight: bold;
	color: #2c2c2c;
	text-align: left;
	padding: 0 0 0 5px;
}
.last_matches_score
{
	padding: 0 5px 0 0;
	width: 60px;
	text-align: right;
	font-weight: bold;
}
#link_see_matches
{
	width: 242px;
	height: 24px;
	display: block;
	background: url(../gfx/link_see_matches.gif) no-repeat;
}