Usiamo alcuni trucchi di posizionamento per allineare il bordo sinistro del logo e l'area del contenuto principale, mantenendo comunque l'intestazione che tocca il bordo sinistro della pagina.
I blocchi di navigazione, alla larghezza più ampia, sono 1/8 della larghezza del genitore di navigazione. Li impostiamo su inline-block in modo che accetteranno quella larghezza. Finiamo per dover impostare la larghezza al 12,49% anziché al 12,5% a causa di errori di arrotondamento dei sottopixel.
Troviamo un modo per far funzionare l'ombra inferiore della navigazione, ma siamo un po 'preoccupati per la tecnica utilizzata. Dobbiamo invertire lo z-index di ciascuna delle voci di menu in modo che i primi elementi siano "in alto" e scendere uno per uno anziché l'ultimo. Usiamo una serie di :nth-childselettori per farlo.