Curioso.
Y no es su código. O al menos no sólo en su código del pie abajo y altura 100%
Lo probé en algunas viejas realizaciones añadiendo box-shadow al html, body {} y me ocurría lo mismo. En Firefox y Chrome.
La solución para evitar ese corte en la sombra que he encontrado, así, deprisa y sin verificar otras cuestiones pasa por:
sacar el scroll del html y que lo muestre body
Dejar body sin background y sin sombra y declararlo al html
tal que así
Código CSS:
Ver original* {margin:0; padding:0; border: 0 none; position: relative;}
html {
background: #000;
box-shadow: 0 0 100px #fff inset;
overflow: hidden;
}
html, body {
height: 100%;
font-size: 1em;
}
body {
overflow: scroll;
}
#contenedor {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -3em;
background: #EEDCB4;
min-width: 800px;
}
Mi #contenedor sería su #container
No haga caso al margen inferior negativo (pues la estructura de pie abajo y alto 100% es diferente a la suya)
Sólo lo he verificado en Firefox y Chrome y sólo el efecto del corte.