Here is fiddle http://jsfiddle.net/56Y3h/1/
html5-reset.css included: http://jsfiddle.net/56Y3h/2/
But I've also used html5 reset css, you can grab it from http://html5doctor.com/html-5-reset-stylesheet/
Using position:absolute;
makes things hard and static.
I've rewritten html and css (but this is not 1 in 1 version, but well-enough to make things work). you can make changes for your own, for styling, etc... Depending on your needs.
HTML:
<div class="login">
<h3 class="marg-left title">Account Administration</h3>
<hr />
<form class="marg-left">
<h4 class="title">Logga in</h4>
<label>
<span>Anvardarnamn</span>
<input type="text" />
</label>
<label>
<span>Losenord</span>
<input type="text" />
</label>
<div class="buttons">
<button>Logga In</button>
<button>Avbryt</button>
</div>
</form>
</div>
style.css
.login {
width: 500px;
}
.login * {
font-family:"Futura";
}
.login .marg-left {
margin-left: 30px;
}
.title {
font-weight: normal;
font-size: 23px;
color: rgb(0, 114, 198);
line-height: 1.429;
z-index: 70;
}
.login hr {
height:0;
border: 1px solid rgb(0, 114, 198);
}
.login form {
width: 445px;
overflow: hidden;
}
.login label {
padding: 2px;
display: block;
line-height: 22px;
background: #ebebeb;
font-size: 13px;
margin-top: 10px;
overflow: hidden;
}
.login label span {
display: inline-block;
padding-left: 10px;
}
.login label input {
display: inline-block;
width: 270px;
height: 20px;
float: right;
border: none;
outline: none;
}
.login .buttons {
margin-top: 7px;
float: right;
}
.login .buttons button {
display: inline-block;
height: 33px;
line-height:30px;
background: rgb(0, 114, 198);
color: white;
font-size: 17px;
border: none;
}