Ancho header y footer

[memoadian]

Saludos gente tengo un problema que no me habia aquejado antes , mi problema es que tengo algo más o menos así:

Código CSS:

<header></header>
<section class="main"></section>
<footer></footer>
 

con el siguiente css (excluyo codigo innecesario como colores y eso)

Código CSS:

header{
    padding:20px;
}
 
.main{
    width:960px;
    margin:0 auto;
}
 
footer{
    padding:20px;
}
 

Como verán mi objetivo es que el header y el footer ocupen el 100% del ancho de la ventana y el main solo 960px

pero al redimensionar o ver el tamaño de mi web de modo que el main de 960px haga scroll, el footer y el header se cortan es decir ocupan el 100% de lo que se ve, pero si muevo el scroll horizontal ya se ven cortados, nunca me habia pasado, y no tengo idea de por que ahora pasa esto.

De antemano gracias por cualquier pista, de todos modos sigo investigando esto

[rex16]

Una solucion es agregando min-width:920px a header y footer

[memoadian]

gracias, use eso, aunque no solucionaba el problema, que en realidad era un mal padding de uno de mis sections , gracias de todos modos