How to hide a border when a navigation element is selected

Question

I'm creating a navigation bar (in a div) that has a vertical list. When you click on an element in the navigation, it pops up a div that touches the nagigation list. This div has a border (getting rid of that border looks weird, so i'm not doing that). How do I remove a part of that border (the part that touches the selected navigation div)?

A little more explanation: The pop-up div touches the nav on the left side. I want to hide the border for only the section of the border touching the selected element in the nav bar

FOUND A SOLUTION: I needed to put a right-border: -1px on the navigation in order to cover the border on the pop-up div.

Answer 1

You can use Outline:0px; or Border:none; on that part. but cant say unless i see the code.

Answer 2

if it touches the nav with its top ... use border-top: none