Border bottom to link in menu on hover when having border bottom to the whole menu div

So I am making a menu, but I have encountered the problem of having a menu with a border bottom and links, which on hover have border bottom on the same line as the border of the menu. I have drawn a sample image to help you.

Since I don't have enough reputation click on the link to view the image. --> http://ctrlv.in/478501 <--

No need to add special effects like colors or movement, just the border. Please help