Temat: Poziomy panel logowania HTML + CSS

HTML:
<div class="top-fixed clearfix">
 <div class="wrapper">
  <div class="login-box">
    <form action="PLIK_LOGOWANIA.php" method="post">
      <input type="text" id="login" class="login text" placeholder="Nazwa użytkownika" />
      <input type="submit" id="submit-login" class="submit submit-login" value="Zaloguj się" />
   </form>
  </div>
 </div>
</div>


CSS:

body {
margin-top:30px;
}

.top-fixed {
position:fixed;
height:30px;
width:100%;
overflow:hidden;
background: #FEE;
}

/* Naprawia problem z nierozciaganiem sie kontenera w ktorym sa plywajace elementy - float */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.login-box {
float:right;
 width:300px;
display:inline-block;
}

.login-box #login {
display:inline-block;
min-width:160px;
padding:5px 8px;
margin-left:0;
margin-right: 10px;
 }

.login-box #submit-login {
display:inline-block;
  width:130px;
 text-align:center;
 margin:0;
}