En realidad hay una solución mucho más sencilla: si el primer div, el de la izquierda, está flotado, el segundo, el de la derecha, no hace falta que lo esté. Flotarlo significa que permita que algo se coloque a su derecha (en este caso), y como no quieres colocar nada a la derecha del segundo div, pues no lo flotes y listo.
Hazlo así: quítale el float left al div de la derecha, y en su lugar ponle un margin-left: 100px;
Cita: <div id="cajadetexto" style="height:400px; margin-left: 100px; width: 600px; background-color: #FF2222; border-left: 1px dashed #EC0000; border-right: 1px dashed #EC0000"></div>
Esto hará que salga el scroll y no se "caiga" como dices al redimensionar la ventana.
Mikel.
P.D.: si te funciona bien hazme un favorcito: no escribas en azul, que da a los ojos una barbaridad. Resalta sólo cosas puntuales y se leerá más cómodamente.