Помогите найти ошибку

Здравствуйте! Заполнил код HTML и таблицу стилей CSS так, как показывается в уроке. Однако слово "ПОИСК" и строка для ввода запроса получились прижатыми к левому краю рамки (без просветов). ПАомогите найти ошибку. Что я сделал не правильно?

Код HTML

<div class="site_content">

<div class="sidebar_conteiner">

<div class="sidebar">

<h2>Поиск</h2>
<form method="post" action="#" id="search_form">
<input type="search" name="search_field" placeholder="Ваш запрос" />
<input type="submit" class="btn" value="найти" />
</form>

</div>

</div>

</div>

Код CSS:

.site_content {
width: 880px;
overflow: hidden;
margin: 20px auto 0 auto;
background-color: white;
}

.sidebar_conteiner {
float: right;
width: 224px;
}

.sidebar {
float: right;
width: 230px;
padding: 5%
margin: 0 0 16px 0;
border: solid 2px #f2f2f2;
border-radius: 5px;
background-color: #f9f9f9;
}

.btn {
padding: 8px;
background-color: white;
cursor: pointer;
}