Завершающие испытания / Испытание 1: красивая форма входа

Курсы
1

Проверка утверждает, что “холодно”. Подскажите что не так, Вот код.

<body>
    <form class="login-form" action="/auth" method="post">
        <div class="wrapper">
            <h1>Вход в кабинет</h1>
            <input type="text" name="login" placeholder="Логин" class="first">
            <input type="password" name="pass" placeholder="Пароль" class="last">
            <label>
            <input type="checkbox" name="checkbox" class="checkbox"><span>Запомните меня</span></label>
            <a href="#">Я забыл пароль</a>
            <input type="submit" value="войти">
        </div>
    </form>
</body>

Стили:

html, body{
    margin:0;
    padding:0;
}
body{
    width:450px;
    height:300px;
    padding-top:20px;
    font-size:16px;
    font-family:"Tahoma", sans-serif;
    line-height:1.3;
    background:#34495e;
}
.login-form,
.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="submit"]{
    font-weight:bold;
    font-size:12px;
    font-family:"Tahoma", sans-serif;
    text-transform:uppercase;
}
.login-form input[type="checkbox"]{
    vertical-align:middle;
    margin-right:5px;
}
/*
Адреса иконок:
/assets/ifmo/icon-user.png
/assets/ifmo/icon-lock.png
Цвет фона полей:
#f9f6f3
Цвет кнопки:
#000000
Фон формы:
#ffffff
*/

.wrapper{
    width:300px;
    height:220px;
    background-color:#FFFFFF;
    margin:0px 35px 25px 35px;
    padding:25px 40px 30px 40px;
}

h1{
    font-size:20px;
    text-transform:uppercase;
    margin:0;
    padding:0;
}

.login-form .wrapper input[type="text"], .login-form .wrapper input[type="password"]{
    padding:10px 0 10px 15px;
    text-transform:none;
    border:2px solid #000000;
    width:281px;
}

.login-form .wrapper .first{
    margin-top:15px;
    margin-bottom:9px;
    background:#f9f6f3 url('/assets/ifmo/icon-user.png') no-repeat 270px 10px;
}

.login-form .wrapper .last{
    margin-bottom:12px;
    background:#f9f6f3 url('/assets/ifmo/icon-lock.png') no-repeat 270px 10px;
}

.login-form .wrapper span{
    letter-spacing:px;
    margin-left:5px;
}

.login-form .wrapper a{
    color:#000000;
    margin-left:20px;
}

.wrapper input[type="submit"]{
    font-size:12px;
    color:#ffffff;
    text-align:center;
    width:300px;
    height:45px;
    border:none;
    text-transform:uppercase;
    padding-right:15px;
    background-color:#000000;
    margin-top:20px;
}
2

Не так в основном в отступах. Кроме того, ссылку «Я забыл пароль» можно отправить на правый фланг флоатом ))

Обратите внимание на «Различия» и «Наложение».