Descuadre

[Mikmoro]

El problema es el mal uso de la pocisión relativa: cuando colocas una caja con esa posición y la desplazas, aunque la ves en otro sitio, físicamente para el flujo del documento sigue estando donde estaba antes, es decir, ocupa el mismo espacio que ocupaba antes de desplazarla.

En tu caso concreto, el div #info lo has puesto con posición relativa y con top: -350px, es decir, la has desplazado 350px hacia arriba de su posición natural, y como sigue ocupando el espacio de antes de desplazarla, te deja todo ese espacio libre debajo de ella.