Password input apart from page

hi,
i have a password protected page which works just fine, but the password input field is not correctly positioned.

<form action="https://.../wordpress/wp-pass.php" method="post">
<p>This Article is Passwordprotected</p>
<p><label for="pwbox-13">Password:<br />
<input name="post_password" id="pwbox-13" type="password" size="20" /></label><br />
<input type="submit" name="Submit" value="Send" /></p></form>

so what i see is ‘This Article is Passwordprotected’ and the ‘Send’ button in the page
and ‘Password:’ and the Passwordbox in the top-left corner.

css is

form {
	padding:7px 0 0 0; }

form li {
	position:relative; }

form label {
	position: absolute;
	top:1px;
	left:10px;
	font-size:11px;
	color:#666;
	float: left;
	width: 100px;
	padding: 8px 0 0 0;
	font-weight: normal;
	display:block; }

form input, form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #f7f7f7;
	border: 1px solid #ccc;
	color: #666;
	font-size:11px;
	margin: 4px 0 13px 0;
	outline: none;
	padding: 6px;
	width: 100%; }