Блок с поиском и кнопкой обрезается с правой стороны. в чем проблема?

<div class="site_content">
	
			<div class="sidebar_container">
				
				<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>

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

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

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

Блок с поиском и кнопкой "Найти" после 39 урока html обрезается с правой стороны. В чем проблема в коде? Код без изменений как в курсе.