Utilizamos algunos trucos de posicionamiento para alinear el borde izquierdo del logotipo y el área de contenido principal, mientras que el encabezado toca el borde izquierdo de la página.
Los bloques de navegación, en el ancho más ancho, son 1/8 del ancho del padre de navegación. Los configuramos en bloque en línea para que acepten ese ancho. Terminamos teniendo que establecer el ancho en 12,49% en lugar de 12,5% debido a errores de redondeo de subpíxeles.
Descubrimos una manera de poner en marcha la sombra inferior de la navegación, pero estamos un poco preocupados por la técnica utilizada. Necesitamos invertir el índice Z de cada uno de los elementos del menú para que los primeros elementos estén "en la parte superior" y bajen uno por uno en lugar del último. Usamos una serie de :nth-childselectores para hacer esto.