Div no se ajusta

[fonchi]

Hola amigos:

Les escribo por lo siguiente, Tengo un div, el cual contiene en su interior 3 div más: derecho, izquierdo e inferior , el tema es que al minimizar, el div derecho no se me ajusta, quedando debajo del izquierdo y sobre el inferior. es como que no se ajusta al tamaño minimizado del div contenedor, eso creo, pero no se como arreglarlo.

alguna ayuda porfa, de antemano gracias y salu2.

adjunto parte del código css:


BODY {

background-color:#FFF;
background-color:gray;
text-align : justify;
line-height: 10px;
}

#CONTAINER {
background-color:#black;
border-style:inset;
border-color:#000000;
border-width:0px;
margin: 0 auto;
width:850px;
height:auto;
border-width:thin;
}

.header{
width:100%;
height:227%;
border-bottom-style:solid;
border-bottom-color:black;
}

.izq{
border-style:solid;
border-width:1px;
border-color:#000000;
height:120px;
width:300px;
float:left;
}

.der{
border-style:solid;
background-color:black;
border-width:1px;
border-color:#000000;
height:120px;
width:699px;
float:left;
}

.inferior{
border-style:solid;
border-width:1px;
border-color:#000000;
height:105px;
clear:both;
}

.principal{
width:600px;
height:auto;
background-color:#FFF;
border-style:solid;
border-width:1px;
border-color:#000000;
margin:0 5px 0 117px;
padding:10px;
}
.footer{
width:auto;
height:30px;
background-color:#FFF;
border-style:solid;
border-width:1px;
border-color:#000000;
margin:5px;
}