Cierto.
Bueno, normalmente el comportamiento de todos los elementos son que crecen automáticamente según su contenido. Cuando usas posiciones absolutas, como es el caso, esos elementos dejan de formar parte del flujo natural del HTML y por lo tanto no ocupan ninguna altura para el resto de los elementos.
Así que tendrás que trabajar sin posiciones absolutas.
Respecto a la sombra, los dos primeros valores indican el desplazamiento sobre los ejes X e Y. Puedes indicar valores negativos también. Así puedes mover la sombra al lugar que quieras. Para ponerlo a la izquierda y por abajo, puedes probar poniendo el primer valor negativo y el segundo positivo:
Código CSS:
Ver originalbox-shadow: -20px 20px 30px 0 rgba(0,0,0,0.2);