Ayuda con uso de clearfix

[sanxuan]

Prueba a darle al contenedor que has desplazado hacia abajo (cont2) un margen inferior tan grande como el desplazamiento que le has dado verticalmente.

.cont2{
margin-bottom: 30px;
}

Lo que te está ocurriendo es facil de explicar. El navegador está situando el segundo contenedor en el lugar que ocuparía normalmente y el tamaño del contenedor principal (cont) se corresponde con esa posición. A continuación, al tener las propiedades top y left desplaza este contenedor esas cantidades desde la posición previa.
Añadiendo ese margen, obligo a aumentar el tamaño de cont tantos pixels como lo he desplazado, por lo que aparece como creo que tu esperabas que hiciera.

Espero que sea lo que buscabas.