Confusing space issue

[okanst]

I was wondering why using this code my images are placed on 2 or 3 seperate lines? I have a drop down menu included on the 3rd image and it is in a <div> tag so I am wondering why they are spaced out like this? I use non-breaking spaces to keep them on the same line.

Here is the code:

<table width="100%" class="border1">
<tr>
<td><table width="100%" border="0">
<tr>
<td align="left" valign="top"><img src="images/localnews.gif" alt="Local News" width="100" height="25" />&nbsp;<img src="images/nationalnews.gif" alt="National News" width="118" height="25" />&nbsp;<div id="FWTableContainer708824661">
<a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0217090508_0', 'MMMenu0217090508_0',0,25,'dropdown');"><img name="dropdown" src="dropdown.gif" width="175" height="25" border="0" id="dropdown" alt="" /></a><div id="MMMenuContainer0217090508_0">
<div id="MMMenu0217090508_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<a href="/cvitp/emenu.htm" target="_blank" id="MMMenu0217090508_0_Item_0" class="MMMIFVStyleMMMenu0217090508_0" onmouseover="MM_menuOverMenuItem('MMMenu0217090508_0');">
CVITP </a>
<a href="/test/test" target="_blank" id="MMMenu0217090508_0_Item_1" class="MMMIVStyleMMMenu0217090508_0" onmouseover="MM_menuOverMenuItem('MMMenu0217090508_0');">
Link&nbsp;2 </a>
<a href="/test/test/" target="_blank" id="MMMenu0217090508_0_Item_2" class="MMMIVStyleMMMenu0217090508_0" onmouseover="MM_menuOverMenuItem('MMMenu0217090508_0');">
Link&nbsp;3</a></div>
</div>
</div></td>
</tr>
</table> </td>
</tr>
</table>

Can anyone help me out?

Thanks

[ray326]

Link?