Barra de login con css

[neodani]

Iniciado por hades87

podrias hacer en ese campo abrir otra ul, con 2 li y luego cerrarla y continuar con la otra.

Que va no hay manera, queda igual al mismo nivel

Código HTML:

<div id="nav_login"> <!-- Barra de login y busqueda -->
	<form name="formLogin" method="post" action="login.php">
		<ul class="loginBox">
			<li><a id="registroBtn" href="http://localhost/weblocal/registro.php" target="_top">Regístrate Gratis!</a></li>
			<li><input type="text" name="user" tabindex="1" onblur="if(this.value=='') this.value='Nombre de Usuario';" onfocus="if(this.value=='Nombre de Usuario') this.value='';" value="Nombre de Usuario"/></li>
			<li><input type="text" name="pass2" tabindex="2" style="display: inline;" value="Contraseña" onfocus="this.style.display = 'none'; document.formLogin.pass.style.display = 'inline'; document.formLogin.pass.focus();" /></li>
			<li><input type="password" name="pass" tabindex="2" style="display: none;" onblur="if(this.value == '') {this.style.display = 'none'; document.formLogin.pass2.style.display = 'inline';}" /></li>
			<li><a id="entrarBtn" href="http://localhost/weblocal/entrar.php">Entrar</a></li>
			<ul id="recordarBtn">
				<li><a href="http://localhost/weblocal/recuperar_pass.php" target="_top">¿Olvidaste tu contraseña?</a></li>
				<li><a href="http://localhost/weblocal/recordar_pass.php" target="_top">Recordar Contraseña</a></li>
			</ul>

			<li><input id="cajabusqueda" type="text" name="buscar" tabindex="4" onblur="if(this.value=='') this.value='Busca en ME';" onfocus="if(this.value=='Busca en ME') this.value='';" value="Busca en ME"/></li>
			<li><a id="buscarBtn" href="http://localhost/weblocal/entrar.php">Buscar</a></li>
		</ul>	
	</form>
</div> <!-- end #nav_login --> 

CSS

Código HTML:

#recordarBtn a {
color:black;
text-decoration:none;
margin:5px 0px 5px 0px;
width:70px;
font-size:10px;
line-height:10px;
display:block;
}

.loginBox input{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background:#FBFCFC url(../imagenes/formularios/input-bgr.png) no-repeat scroll left top;
border-color:#A5ACB2 rgb(227, 232, 237) rgb(227, 232, 237) rgb(165, 172, 178);
border-width:1px;
border-style:solid;
height:18px;
font-size:12px;
padding:5px 5px 5px 10px;
margin:10px 5px 5px 5px;
}

.loginBox * {
display:block;
float:left;
margin-left:0.5px;
}

Qué no lo hago bien?

A ver si entre todos lo sacamos

Un saludo