CSS style box

Ola dres, tudo bem?? Estou a usar uma folha de estilos em css no meu site.. o problema é q se reduzir o tamanho da janela do browser ... as caixas saem de seus respectivos lugares ... alguém sabe como resolver esse problema??

ca esta o codigo.

body{

 background-color: white;
}
 p.textoTitulo{
 text-shadow: white;
 border-style: outset;
 font-style: oblique;

}

font.textoMenu{

 font-size: 110%;
 text-shadow: black;
}

 .caixaFundo{
 /*background-color:#CCCCCC;*/
 background-color:white;
 max-width:95%;
 max-height:110%;
 margin:1%;
 height: 120%;
 width: 99.5%;
 padding:10px;

}

 div.caixaTitulo{
 background-image:url("TopBar.png");
 background-repeat: no-repeat;
 background-position: 39% 10%;
 height: 24%;
 width: 940px;
 padding-top:6%;
 padding-right:1%;

}

 .caixaFora{
 float: left;
 margin-right: 5px;
 background-color:#5d665b;
 background-image:url("MolduraMenu.png");
 background-repeat: no-repeat;

 background-position:0px 0px;
 height: 350px;
 width: 150px;
 padding: 5 5 5 5px;

}

.caixaInterna{
 float:right;
 background-color:#666666;
 top:202px;
 left:90px;
 height:170px;
 width: 150px;
}

.caixaConteudo{
 float: left;

 margin-left:20px;
 max-height:430px;
 max-width:565px;
 background-color: #666666;
 background-image:url("BarraConteudo.png");
 background-repeat: no-repeat;

 background-position:0px 0px;
 height:69.5%;
 width:65%;
 padding: 20 20 20 20px;
}

.caixaPropagandaa{
 float:right;
 margin-bottom: 10px;
 background-color: 66CCFF;
 background-image:url("ULBRA.png");
 background-repeat: no-repeat;
 background-position:0px 0px;
 height: 150;
 width: 13%;
}
 Caso não ter sido claro... tentem reduzir o tamanho da janela no site desse forum.. verão q as caixas saem do lugar.

 Por favor, me ajudem.

 desde já agradeço.. obrigado.