div que mueve al resto

[C2am]

Hola
Estuve mirando rapidamente y veo que es la maquetación la que me parece que no funciona bien.
Haces mal uso de propiedades como top, left, position relative, etc.
Tienes los encabezados de las secciones por un lado y las cajas que contienen esas secciones por otro.

Por ejemplo:
"Actualizar mi foto"
Para mí deberías hacer algo así:

Código HTML:

<div id="contenedor-seccion">
<div>titulo de seccion</div>
<div>cuerpo de la seccion</div>
<div>pie de la seccion</div>
</div>
 

Con esto te evitas manipular las distintas partes como por ejemplo el titulo que tienes en una caja con fondo verde, y lo tienes posicionado con position relative + top + left.

Estoy un poco apurado, luego cuando regrese de trabajar trato de ser mas claro.

Saludos