JavaScript - Poner dos desplegables en la misma línea.

Hola, utilizando el siguiente código:

---------------------------------------------------------------------------------------------------------------------------
<form name="form">
<font face="Arial, Helvetica, Sans-serif" size="-1">
<select name="site" size=1 onChange ="formHandler(this.form)">
<option value="">Otros
<option value="http://www.marca.com">Marca
</select></font>             

<form name="form">
<font face="Arial, Helvetica, Sans-serif" size="-1">
<select name="site" size=1 onChange ="formHandler(this.form)">
<option value="">MÚSICA
<option value="http://www.los40.com">Los 40
</select></font>             

---------------------------------------------------------------------------------------------------------------------------

Obtengo dos desplegables, uno encima de otro. Lo que quiero es ponerlos seguido, uno detrás de otro, pero no soy capaz.
Me podéis ayudar??

Un saludo.

Perdonad, al final de cada desplegable hay que poner </form>. Si no los pongo, me aparecen seguidos, pero no fundionan. Sigue en pie la pregunta :P