Alinear menú al estilo Google

[novoweb]

Tengo el siguiente código HTML de un menú:

<div id="navegacion">
<ul id="nav_1">
<li span class="nline_bar"><a href="#">Inicio</a></li> |
<li span class="nline_bar"><a href="#">Galería</a></li>
</ul>
<ul id="nav_2">
<li span class="nline_bar"><a href="#">Ingresar</a></li> |
<li span class="nline_bar"><a href="#">Registrarse</a></li>
</ul>
</div>

para alinear el menú usé .nline_bar {display:inline;}
lo q qiero aora es q las opciones de #nav_1 qeden a la izqierda, y las opciones de #nav_2 qeden a la derecha, tal como el menú de la página de Google.

espero me puedan ayudar.

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

a ver, hice lo siguiente:

#navegacion {position:relative;}
#nav_1 {margin-top:5px; margin-left:5px;}
#nav_2 {position:absolute; top:0; right:5px;} /* en Chrome funciona con top:-16px */
.nline_bar {display:inline}

¿estará bien hecho?

[Carlangueitor]

Pones algo así:

Código CSS:

#nav_1 {
float:left;
}
#nav_2 {
float:right;
}
 

Saludos