Navigaton Bar Help

- I have recently change my navigation bar which you can browse by going to http://www.juicersuperstore.com. I have two problems with it: first, for some reasons the search box is not displaying on the navigation bar when using Firefox, instead it's showing up below it. The bar works with Explorer though.
- Second, I want the search box to be on the right side but I have no idea how to do that either.

Here is how the code is in my header

" <table border="0" width="100%" cellspacing="2" cellpadding="0">

<div id="navbar">
<ul><li><a href="index.php">home</a></li>
<li><img src="images/line-vert.jpg" alt="Call us" width="2" height="13"></li>
<li><a href="https://www.juicersuperstore.com/login.php">login</a></li>
<li><img src="images/line-vert.jpg" alt="Call us" width="2" height="13"></li>
<li><a href="https://www.juicersuperstore.com/contact_us.php">contact us</a></li>

<li style="align:right;"><form name="quick_find" action="http://www.juicersuperstore.com/advanced_search_result.php" method="get">
<input type="text" name="keywords" size="25" maxlength="30" style="height:18px; background:#fff; width: 100px; border:1px solid #ccc;">
<input type="hidden" name="osCsid" value="1a1e4898076b3838b4211e120b55b0bc">
<input rel="nofollow" type="image" name="search" src="templates/niche1/images/button_ok.png" align=absmiddle style="margin-top:1px;" />
</form></li>
</ul></div>
</tr>
</table>"

Thanks in advance

 

Firstly, why are you using tables? Very bad/outdated style of coding. I would recommend that you have a container div for the nav bar and then a div for the links and float that left using css, then have a div for the search form and then float that right.

 

Do it using CSS. It will be easy to design and also maintain.. For some other help: reply your query here!