Почему при изменении размера окна меняется размер бэкграунда?

Question

[Вася Перегаркин]

Всем привет, вообщем есть проблема. При изменении размера окна, меньше чем ширина контейнера меняется размер бэкграунда. И при горизонтальном скроллинге он как-бы обрезается, а мне нужно сделать так, чтобы бэкграунд был на 100% всей страницы. Вот скриншот:

Вот css

*{
	padding: 0;
	margin: 0;
	outline: none;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

a:link,
a:visited,
a:active,
a:hover {
	text-decoration: none;
}

.container {
	width: 960px;
	margin: 0 auto;
}
/****NAVIGATION****/

.nav {
	background-color: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100px;
}

.nav_left {
	float: left;
}

.nav_right {
	float: right;
}

.nav_left ul li {
	display: inline;
	font-size: 24px;
	text-transform: capitalize;
	padding-left: 28px;
	list-style: none;
	line-height: 100px;
}

.nav_left ul li a {
	color: white;
}

.nav_left ul li a:hover {
	color: rgba(110, 110, 110, .8);
}

.input {
	padding: 34px 0 38px 0;
}

button {
	display: inline;
	background: #16a085;
	width: 129px;
	height: 30px;
	line-height: 15px;
	font-size: 18px;
	color: white;
	text-transform: capitalize;
	border: none;
	border-radius: 5px;
}

button:hover {
	background: #1abc9c;
}

Заранее спасибо.

Answer 1

[Александр Миранович]

Поставь у nav min-width: 960px

Comments

[Вася Перегаркин]

Спасибо большое

Answer 2

[Владик Лимонадик]

Потому что гладиолус
а у nav ставить min-ширину - это воркараунд похлеще индусятины вордпрессной.

Хуяк хуяк и в продакшн, оппа говносайт.

Answer 3

[Рамиль Абдрахимов]

Скорее всего бэкграунд стоит на 100%, а не в пикселях