applied border-collapse and still horizontal gaps

[johnmerlino]

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>

[johnmerlino]

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;