如何将图像移近输入？

Question

我在div中有两个输入和图形（.gif）。当我将float：放到div中时，图形将移到右边。但这远非输入。

我尝试在图形的末尾添加nbsp以将其移近。但这没用。

这是我的代码。

echo '";</script>
<tr><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Author:&nbsp;&nbsp;*&nbsp;&nbsp;</td><td><input type=text id="authornamedisp"  name="authornamedisp" size=25 value="';
if (empty($item['AUTHOR'])) {echo htmlspecialchars($user['username']);} else {echo htmlspecialchars($item['AUTHOR']);}
echo '" style="cursor:pointer;cursor:hand;" title="Enter Author." class="tocItemRollover" onMouseOver="this.className=\'mdgoldBG \';" onMouseOut="this.className=\'tocItemRollover\';">
<div id="divAuthorSearch" style="padding: 3px; display:none; float: right;"><img src="/images/ajax_loader2.gif"/></div>
</tr>
<tr ';if ($item['item_type_id']==161) {echo ' style="display:none;" ';}
echo '><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Knowledge Owner:&nbsp;&nbsp;*&nbsp;&nbsp;</td><td><input type=text id="KOnamedisp" name="KOnamedisp" size=25 value="';
if (empty($item['KO'])) {echo htmlspecialchars($user['username']);} else {echo htmlspecialchars($item['KO']);}
echo '" style="cursor:pointer;cursor:hand;" title="Enter KO." class="tocItemRollover" onMouseOver="this.className=\'mdgoldBG \';" onMouseOut="this.className=\'tocItemRollover\';">
<div id="divKOSearch" style="padding: 3px; display:none; float: right;"><img src="/images/ajax_loader2.gif"/></div>
</tr>
';

预期结果是将图形移近输入。

这就是现在的输入。