Separacion entre divisores

[Mr_Raymon]

Hola a todos. Este es mi primer mensaje en este foro. Espero tener buena acogida en esta gran comunidad y aprender todo lo que pueda ;)

Comento el tema.

Tengo un pequeño problema con la separacion entre los divisores "Cuerpo" y "Pie de Pagina".

El divisor "Cuerpo" contiene los divisores "Tags", "Ultimas Noticias", "Sobre Nosotros" y "Ultimos Trabajos". Cada uno de estos divisores tiene definido el ancho pero no el alto para que se ajusten al contenido que haya en cada uno de ellos.

El divisor "Pie de Pagina" simplemente contiene una listado para el menu y un parrafo.

Codigo HTML

Código:

<!-- INICIO CUERPO-->
  <div id="cuerpo">
    <!-- INICIO TAGS -->
    <div id="tags">
    </div>
    <!-- FIN TAGS -->
    <!-- INICIO ULTIMAS NOTICIAS -->
    <div id="ultimas_noticias">
    </div>
    <!-- FIN ULTIMAS NOTICIAS -->
    <!-- INICIO SOBRE NOSOTROS -->
    <div id="sobre_nosotros">
    </div>
    <!-- FIN SOBRE NOSOTROS -->
    <!-- INICIO ULTIMOS TRABAJOS -->
    <div id="ultimos_trabajos">
    </div>
    <!-- FIN ULTIMOS TRABAJOS -->
  </div>
  <!-- FIN CUERPO -->
  <!-- INICIO PIE DE PAGINA -->
  <div id="footer">
  </div>
  <!-- FIN PIE DE PAGINA -->
</div>

Codigo CSS

Código:

#cuerpo {
	width:945px;
	padding:0px 10px;
}

#tags {
	background:#969a81;
	width:185px;
	float:right;
	padding:15px;
}

#ultimas_noticias {
	background:#969a81;
	width:730px;
	float:left;
	padding:15px;
}

#sobre_nosotros {
	background:#969a81;
	width:730px;
	float:left;
	padding:15px;
	margin-top:50px;
}

#ultimos_trabajos {
	background:#969a81;
	width:730px;
	height:210px;
	float:left;
	padding:15px;
	margin-top:50px;
}

#footer {
	background:url(../img/web/piepagina.png) no-repeat;
	width:925px;
	height:100px;
	padding:20px 20px;
	clear:both;
}

No consigo separarlos con margin ¿que puedo hacer en esta situacion? Seguramente sea una tonteria que se me haya escapado pero me estoy volviendo loco.

Saludos y Gracias.