Cajas que no se les salga en contenido al dimensionarlas

[jclpascual]

Hola amigos, estoy a tope con html y css. Estoy creando layouts y tengo una duda. tengo un layout con un div a la izquierda con el menú y otro div a la derecha con el contenido. Los he hecho adaptativos en la medida con un 30% y un 70% respectivamente. Lo malo es que si cambio el ancho de la ventana del navegador, en el momento que el menú no cabe pues me sale de su div y se monta en el de la derecha. ¿como se suele hacer para que esto no ocurra? con el overflow:auto o hay algún método mejor para que se cambie el tamaño del texto o que se suele hacer en estos casos?
Gracias

[superweb360]

Haz la siguiente media query

Código CSS:

@media all and (max-width:700px)
{
       #div-izquierda, #div-derecha
       {
               float: none;
               width: 100%;
               min-width: 100%;
        }
}