Extender corpo do site de acordo com o tamanho do conteudo

Desenhei meu primeiro layout

E no CSS fiz assim:

#body {
	position: absolute;
	background-color: white;
	top: 285px;
	left: 180px;
 width: 940px;
 height: 500px;
}

#footer {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
 width: 940px;
 height: 65px;
	top: 785px;
	left: 180px;
}

	 

	Dentro do #body é onde entra todo o conteudo do site, sendo texto, imagens o problema é que se eu escrevo muito texto ou coloco uma imagem muito grande ele acaba passando por cima do footer ai fica uma coisa muito estranha, alguém sabe como faz pra isso ir aumentando de acordo com o tamanho do texto?