I've removed a lot of what I think is unnecessary styling - see an updated JSFiddle here . Of particular note.
You are currently applying the white line of the active item to the li, while you are applying the green line of the hover item to the a. Cause you have padding in your li, the a has not got the same with as his parent, nad therfore the bottom border is not as wide. There are a few solutions.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.