Не могу понять в чем проблема?
В Мозилле поле для поиска вместе с кнопкой отображается не в том месте совсем. Должно быть справа от меню, а оно сверху, под флеш-баннером, по центру страницы.... В чем ошибка? (В ИЕ и Опере - все ок).

Код:
<!--TOP MENU-->
<div class="top_menu">
<table border="0" cellpadding="0" cellspacing="0">
<tr align="center">
<td><span>NEWS</span></td><td width="10px"> </td>
<td><a href="events.html">EVENTS</a></td><td width="10px"> </td>
<td><a href="radio.html">RADIO</a></td><td width="10px"> </td>
<td><a href="video.html">VIDEO</a></td><td width="10px"> </td>
<td><a href="gallery.html">GALLERY</a></td><td width="10px"> </td>
<td><a href="http://forum.ah.fm">FORUM</a></td><td width="10px">
<!--SearchBar -->
<div class="dd">
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" background="main_imgs/search.png" align="center" valign="middle" style="padding-top:4px;"><input style="background:none; border:none; display:block; padding-left:10px;" size="16" height="22px" type="search" value="" border="0"></td><td width="54px" valign="middle"><input style="background:none; border:none; width:54px; height:22px; background-color:#f8712f; color:#333333; font-size:12px; font-weight:bold;" type="submit" value="Search"></td></tr> </table>
</div>
<!--End SearchBar -->
</tr>
<tr height="8px" style="font-size:1px;">
<td bgcolor="#f9712f"> </td><td width="10px"> </td>
<td> </td><td width="10px"> </td>
<td> </td><td width="10px"> </td>
<td> </td><td width="10px"> </td>
<td> </td><td width="10px"> </td>
<td> </td><td width="10px"> </td>
</tr>
</table>
</div>
<!--end TOP MENU-->
в CSS:

Код:
.dd{
font-family:lucida Sans, Arial, Helvetica;
top:-86px;
left:572px;
position:absolute;
z-index:3000;
}
.dd table{
font-family:lucida Sans, Arial, Helvetica;
height:26px;
width:150px;
}
.dd input{
font-family:lucida Sans, Arial, Helvetica;
font-size:12px;
color:#ffffff;
}