Buenas, estoy intentando hacer un header que consta de varias capas, en una parte tengo 3 capas dentro de una misma, y deberían ir alineadas las 3, hay espacio de sobra pero no consigo alinearlas. he probado de todo, os pego el código a ver si alguien sabe porqué puede ser. Gracias.
Código:
body{width:960px;margin:0 auto;font-family:Verdana, Geneva, sans-serif}
#header{width:950px;height:200px;border:1px solid #a09f9f;padding:5px; color:#FFF}
#header img{border:0}
#header_logo{width:auto;float:left;margin:25px;}
#header_user{background-image:url(images/header_user_bg.png);width:420px;height:127px;float:right}
.header_user_icon{background-image:url(images/login_icon.png);repeat:0;height:97px;width:99px;margin-left:20px;margin-top:15px;float:left}
.header_user_form{margin-right:50px;margin-top:15px;font-size:13px;text-align:right;width:auto}
.header_user_form label{padding-right:10px;font-size:13px}
.header_user_form a{color:#fff;margin-top:15px}
.header_user_form_button{float:right}
Código HTML:
<body>
<div id="header">
<div id="header_logo"><a href="#"> <img src="images/logo.jpg" alt="Title" title="Title" /></a></div>
<div id="header_user"><div class="header_user_icon"></div>
<div class="header_user_form"><label for="user">e-mail</label><input type="text" /><br/><label for="pass">contraseña</label><input type="text" /><a href="#"> ¿Olvidó su contraseña? Pinche aquí</a><div class="header_user_form_button"><a href="#"><img src="images/login.png"></a></div></div>
</div>
</div>
<div id="topmenu"></div>
</body>