DIV Pai não acompanha seus filhos

Olá gente tenho uma div chamada TOTAL e dentro dela tenho umas a mais pra distribuir melhor o conteúdo, mas vejo que as div filhos estão maiores q a pais masi a pai ñ acompanha seu crescimento rs...

Como sei q ñ acompanha?

pelo seguinte fato q eu coloquei uma imagem para ficar no bottom dessa div total e ela ñ fica , fica no meio da página rs...

Na ordem fica assim

html
body
total
box_maior
laterala
lateral_dir

html{
height:100%;}
body {

	background-color: #142c35;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-attachment:inherit;
	height:100%;
	}
#total{

	}
#box_maior{
	background-image:url(../images/box_maior_05.png);
	background-repeat:no-repeat;
	background-position:top;
	min-height:233px;
	height:100%;
	width:880px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin-top:12px;

 }
#lateral{
	width:200px;
	min-height:100px;
	background-color:#FFFFFF;
	border-width:thick;
	border-style: solid;
	border-color:#000000;
	float:left;
}
#lateral_dir{
	width:620px;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	min-height:100px;
	background-color:#FFFFFF;
	border-width:thick;
	border-style: solid;
	border-color:#000000;
	float:right;
	margin-left:10px;
	color:#666666;
}

você podem ver o resultado aqui