Salve a tutti,
ho implementato un semplice layout a 2 colonne ma ho un problema. Nel mio layout ho impostato l'altezza del body e del container con min-eight:100 %...fin qui tutto bene. Quando scrivo nel div contenuti(che si trova all'interno del container)immetto parecchio testo, e tale div diventa troppo lungo ed esce dal container. Come posso far in modo che anche il container si allunga insieme al div contenutiù? Come browser uso opera.

Codice:

html, body {
margin: 0;
padding: 0;
text-align:center;
min-height: 100%;
background-color:#9999ff;
}
#container{
position:relative;
width: 700px;
margin:auto;
border-left: 1px solid black;
border-right: 1px solid black;
text-align: left;
min-height: 100%;
padding: 20px 20px 20px 20px;
background-color:white;



}
#header{
position: absolute;
height: 200px;
width:700px;
text-align:center;

}
#contenuti{
position:absolute;
width:500px;
top:250px;
right:20px;
padding-left: 20px;
background-color:white;
text-align:center;
height:auto;
background-color:fuchsia;
}
#menuSinistra{
position: absolute;
top: 250px;
width: 150px;
left:20px;

}