[SOLUCIONADO] El div no distingue entre el div anterior y el nuevo

[waltersele]

Hola, despues de buscar no he encontrado nada, o no he sabido como buscar para atajar el problema, os explico.

El codigo que tengo es este:(resumido)

Código HTML:

<header>
</header>
<section>
     <article>
     </article>
</section>
<footer>
</footer>
 

De momento todo iba bien hasta que me he puesto a maquetar el footer con CSS. Ya que cuando le doy padding o margin no me hacia caso, hasta que le daba mucho. Lo he inspeccionado con Firebug, y cuando selecciono el footer, me selecciona la zona de los article tb, es decir, no distingue entre las 2 secciones de manera diferente, y eso me causa problema. El section no determina el final de esa sección, por tanto le tengo que dar mucho margin para que me haga la separacion que deseo.

Es decir, selecciono el footer con firebug y me selecciona tambien los articulos que hay dentro de la seccion anterior,y si selecciono el section, no me selecciona los articulos que hay dentro =(

Que puedo hacer para diferenciar las 2 secciones?(section y footer) Ambas estan correctamente cerradas, y he probado con varias propiedades de css.. y cambiando el section por div.

A que puede ser debido? podrían echarme una mano? Gracias por adelantado.. os adjunto una img seleccionando el footer, que es unicamente el menu inferior que está pegado a la izq.

[pzin]

Sin que pongas los códigos relativos a esa estructura pues sólo se podrá adivinar.

Supongo que será que no limpias los elementos flotados, cosa que puedes solucionar con un:

Código CSS:

section {
  overflow: hidden;
}
 

O usando un micro clearfix.

[waltersele]

Gracias por tu respuesta, eres un jefe