DIV ajustado al contenido

[Pepe_1988]

Hola a todos.

Soy nuevo en este foro y tengo una duda que trae por la calle de la amargura, a ver si somos capaces de solucionarlo entre todos.

Al grano: Estoy haciendo una web que maneja sólo un estilos.css y un index.html que alberga tooodo el contenido (el profesor lo quiere así). Ésto supone una buena castaña, porque los enlaces internos se mostrarán en una caja (div) que contendrá a otra usando identificadores, y para "recortar" usamos la propiedad overflow:hidden para la caja madre y overflow:auto para las cajas hijas

El problema que tengo es que si las cajas hijas se pasan de height:100%, el contenido se corta quedando horriblemente feo y sólo se soluciona moviendo la rueda del ratón.

¿HAY ALGUNA FORMA DE QUE EL DIV MADRE SE AJUSTE AL CONTENIDO DEL DIV HIJO?

Código CSS:

Caja madre y caja hija

div#cont1 {
margin-top: 10px;
margin-right:130px;
margin-left:250px;
overflow:hidden;
text-align:justify;
height:100%;
color:black;
}

div#cont2 {
height:100%;
width:100%;
padding:20px;
overflow:auto;
}