applied border-collapse and still horizontal gaps

Hey all,

I rarely use tables so I'm not sure why there are horizontal gaps here as if margin has been applied to each of table cells:

<table style="width: 600px; border-collapse: collapse;">
<thead>
<tr style="height: 112px;">
<th scope="col" style="width: 25px;"><img src="leftmast.png" /></th>
<th scope="col" style="width: 194px;"><img src="centermast.png" /></th>
<th scope="col" style="width: 381px;"><img src="rightmast.png" /></th>
</tr>
</thead>
</table>

Ok I figured it out I think. You had to add the following to the block elements in table:
margin: 0; padding: 0; border: 0;