How can I get rid of the horizontal borders that divide each menu item per the following example but maintain the overall outer border of the active menu:
Something like this:

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Remove border-top from the li -> a.
See DEMO here
CSS changes below,
and
Edit:
It should work if you add a border to
uland remove themargin-left: -1andmargin-top: -1from theli > a.Also Please note that removing margin’s would give a different feel from what you had before.
DEMO here
and Commented below,