estas utilizando una medida que acepta ajuste, por ejemplo, en los DIVs tienes el whidth en 500px o 1000px, lo que deberias de hacer es utilizar por ejemplo porcentajes:
Código CSS:
Ver original}
#cabezera {
border: solid 4px black;
margin: 0px auto;
width: 60%;
height:88px;
display: block;
position:relative;
}
#cuerpo {
border: solid 4px red;
width: 90%;
height: 500px;
margin: 5px auto;
display:block;
position: relative;
}
de esa manera estos va a estar siempre al 80 y 60% respectivamente en relacion al ancho de la pantalla del dispositivo y lo que te indica la barra no es que se pegaron a la izquierda, si no que se desbordaron hacia la derecha porque no tiene el ancho ajustable