Es porla forma en que estas aplicando los estilos. Estas flotando unos elementos y al no estar contenidos dentro de un contenedor global se mueven cuando ya no caben en la pantalla. Lo que puedes hacer es poner un contenedor que te contenga (mmm... no suena muy bien eso jaja) todo el sitio.
Código HTML:
<body>
<div id="contenedorGeneral">
<!-- Aqui va el contenido que ya tienes -->
</div>
</body> A ese contenedor general le das un ancho determinado y listo. Por cierto, deberías trabajar en limpiar tu código, esta un poco lleno de código basura. Podrías lograr lo mismo que estas haciendo con mucho menos código. Ademas lee algo sobre los ids y las clases, específicamente algunos concejos para nombrarles.
Saludos