Why on earth is the body/html or .main div not wrapping my .container div's when the browser width is between 767-960 px?! This is causing horizontal scrolling and I am completely baffled. This should definitely be working!
The only code I have is:
html, body {
width: 100%;
}
.container {
.clearfix;
margin: 0 auto;
}
@media (min-width: 767px) {
.page-header
{
height: 180px;
}
.container {
width: 960px;
}
}