Random spacing issue...

[iTechno]

Ok I'm coding a skin at the moment and there is a random spacing issue, here's my code:

<table class="tborder" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" style="border-bottom-width:0px">
<tr>
	<td class="tcat" width="100%" style="padding:0px 6px;">
		<div class="smallfont">
		
		&nbsp;
		</div>
	</td>

	<td class="vbmenu2" id="threadtools" nowrap="nowrap">
		<a href="/bts/showthread.php?p=13&amp;nojs=1#goto_threadtools"><img src="sr/threadtools.gif" alt="Thread Tools" /></a>
		<script type="text/javascript"> vbmenu_register("threadtools"); </script>
	</td>
	
		<td class="vbmenu2" style="padding:0px;" id="threadsearch" nowrap="nowrap">
			<a href="/bts/showthread.php?p=13&amp;nojs=1#goto_threadsearch"><img src="sr/searchthisthread.gif" alt="Search This Thread" /></a>
			<script type="text/javascript"> vbmenu_register("threadsearch"); </script>
		</td>

	
	
		<td class="vbmenu2" style="padding:0px;" id="threadrating" nowrap="nowrap">
			<a href="/bts/showthread.php?p=13&amp;nojs=1#goto_threadrating"><span id="threadrating_current"><img src="sr/ratethread.gif" alt="Rate This Thread" /></span></a>
			<script type="text/javascript"> vbmenu_register("threadrating"); </script>
		</td>
	
	
	<td class="vbmenu2" style="padding:0px;" id="displaymodes" nowrap="nowrap">
		<a href="/bts/showthread.php?p=13&amp;nojs=1#goto_displaymodes"><img src="sr/displaymodes.gif" alt="Display Modes" /></a>
		<script type="text/javascript"> vbmenu_register("displaymodes"); </script>
	</td>	
			<td class="vbmenu2" style="padding:0px;" id="imod" align="center" title="Moderation"><script type="text/javascript"> vbmenu_register('imod'); </script><img src="sr/arrow.gif" alt="Arrow" style="vertical-align:top;" /></td>
		
	<td width="8" style="padding="0"><img src="sr/stright.gif" alt="Show Thread Right" style="vertical-align:top;" /></td>
</tr>
</table>

.vbmenu2 {
background: url(sr/vbmenu2.gif) repeat-x;
padding: 0px;
}

.tcat
{
	background: #869BBF url(sr/gradients/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 10px Tahoma;
	height: 30px;
	vertical-align: top;
	padding: 7px 25px 0px 7px;
}

Here's what happens:



All the images are the same size

[iTechno]

Anyone got any idea?