Menú hecho con UL en linea

[madman_18]

Hola a todos!

Estoy intentando hacer el menú de la web que aparezca en línea, del tipo:

título 1 | título 2 | título 3

Mi código es el siguiente:
*el div título es para mostrar una barra donde se pulsaría y se desplegaría el contenido del menú hacia abajo.

Código HTML:

<ul id='menu'>
<div>título 1</div>
<ul id='opciones-menu'>
<li>OP1</li>
</ul>
</ul>
<ul id='menu'>
<div>título 2</div>
<ul id='opciones-menu'>
<li>OP2</li>
</ul>
</ul>
 

Y el css tengo puesto tal que así:

Código CSS:

#menu{float:left;margin: 0!important;}
 

Sin embargo, nunca me aparecen posicionados en línea. ¿A qué se puede deber?
¿Debería tenerlo aplicado a ese contenedor y no a las sub opciones no?

Muchas gracias por la ayuda!