Problema con distancia entre secciones y sombras

[matiD]

Como están?

Tengo un problema con la distancia entre diferentes secciones, el problema es que tienen diferentes colores de fondo y este varía entre sección y sección. Coloco margin 0 y todo pero no me ocupa el 100% a lo alto para que se pegue con la sección superior.

Para hacer que ocupe todo el espacio coloco overflow hidden pero cuando hago esto al ampliarse me tapa la sombra de la sección superior. Como puedo hacer... aquí dejo los ejemplos

SIN OVERFLOW HIDDEN

Código CSS:

#ordenes
{
    background: #A10C0E;
    box-shadow: rgba(0,0,0,0.4) 0px 5px 10px;
    margin: 0 0 0 0;
    overflow: hidden;
}
 
#ordenes form
{
    margin: .5em 0 .5em .5em;
}
 
#principal
{
    background: grey;
    
}
 

CON OVERFLOW HIDDEN

Código CSS:

#ordenes
{
    background: #A10C0E;
    box-shadow: rgba(0,0,0,0.4) 0px 5px 10px;
    margin: 0 0 0 0;
    overflow: hidden;
}
 
#ordenes form
{
    margin: .5em 0 .5em .5em;
}
 
#principal
{
    background: grey;
    overflow: hidden;
    
}
 

desde ya muchas gracias!

[pzin]

Puede que sea un problema de colapsamiento de CSS. ¿Qué HTML tiene eso?