Vertical line, Need a vertical line at side of my buttons Options

[Seniorbfc]

I am trying to make vertical lines at the sides of my buttons to separate them, I have managed to do so but the button in the middle has double lines (making them wider). How can I add single vertical lines to each button separately?

CODE

#div2 ul li{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-left: solid #404040;
    border-right: solid #404040;
    border-width: 1px;
}

CODE

<ul>
        <li><A HREF="Index.html" class="active">About</A></li><li><A HREF="About.html">Resume</A></li><li><A HREF="Contact.html">Contact</A></li>
    </ul>
    </li>