claro, "porque no entra" en el ancho de tu nueva resolución.
¿Cual es el ancho del padre de las dos columnas?
ancho total de #column_izquierda = 150px
ancho total de #column_derecha = 992px
total = 1142px
tienes dos alternativas.
- Trabajar con un contenedor de 800px y achicar el ancho de tus columnas de modo que sumadas (margin, border y padding suman también) no sobrepasen los 800px.
- Crear un script.js que modifique el ancho de las columnas segun la resolución.
1 2
Recuerda limpiar los floats dando overflow:hidden; al padre de los elementos flotados.
y dando layout a IE con p.ej. zoom:1; en una hoja de estilos a parte (y llamando a esta con comentarios condicionales para que tu css valide)
Saludos
