http://localhost:8080/magnoliaPublic/demo-project/service/glossary.html uses a header image which the CSS does not take into account properly. The result is that the alphabet nav is pushed to the right and the extras are rendered above them, so it doesn't display as it should. See screenshot.

Quick fix is to remove the header image I suppose.