Hola Jochite.
Al poner un enlace a la página del problema te puedes ahorrar colocar todo el código.
Si quieres evitar colapsos, yo colocaría a #container un min-width. El valor típico se suele marcar pensando en pantallas de 1024px. Así que un valor en torno a los 970px te asegurará que no haya scroll en para ellas. min-width: 970px;
Pero recuerda que esa propiedad ie ni papas. Así que tendrás que colocar su equivalente (y no estándar). Lo puedes hacer en el mismo css y que te arruine la validación si piensas hacerla, o en otro sólo para él y llamándola con un comentario condicional: width: expression(document.body.clientWidth < 971? "900px": "auto" );
También estaría bien que preveas tamaños gigantescos de pantallas utilizando un max-widht.
Un saludo.
P.D.: mucho y para mejor has cambiado tu código desde las primeras consultas. Enhorabuena
