Cita:
Iniciado por PhilComfortHost 
- sí, quita 'height: 40px;' desde nav ul li:hover
Yo creo que esa no es una solución, si no más bien evitar que haga lo que quiere hacer.
Cita:
Iniciado por PhilComfortHost - hmmm, puede quitar la sombra entera y añadir una imagen a 'background' como "background: #color url('sombra.png') top repeat-x;"
No sé si te has dado cuenta, pero el foro es específico de CSS. Y gracias a Dios o al W3C —esto ya depende de cada cual— no hacen falta imágenes para hacer sombra alguna. A menos que añores aquellos años de GIFs animados, java-applets y Altavista.
Respecto a la pregunta, que ya te dijo
C2am cómo arreglarlo, la de la sombra realmente sólo te hace falta jugar con el cuarto valor —que en el :hover no lo has puesto— que es la propagación de la sombra. Algo así debería de servirte:
Código CSS:
Ver originalbox-shadow:0 17px 10px -15px #ff8c00;
Un artículo sobre sombras:
http://www.css3.info/preview/box-shadow —inglés.