Hola.
Realmente no veo el problema. En el css, al body le das un 95% de ancho. Esto quiere decir que si tu resolución es de 800 de ancho, el ancho de tu página será un 95% de 800. A mayor resolución, mayor ancho.
La capa que tienes a la derecha está flotada a ese lado, por lo que a cuanto más ancho, más se separará de la capa izquierda. Para evitar esto y utilizar un ancho fijo, utiliza píxeles en lugar de porcentajes.
Si cambias el css del body a:
Código CSS:
Ver originalbody {
background-color: #FFFFFF;
border: thin solid #CCCCCC;
height: 100%;
position: static;
width: 1090px; /* ancho mínimo para mantener el diseño tal cual lo tienes */
margin: 0 auto; /* centramos el contenido para una visualización más cómoda */
}
verás siempre todo en su sitio, pero eso sí, quien tenga menos de 1090px de resolución en su monitor, verá un scrollbar horizontal muy feo. Puedes reducir espacio quitando un poco de padding de los lados. En todo caso, prueba a ver que te parece.
Espero que esto te oriente un poco más :) Un saludo.