Level border

Hi,

I have used custom CSS in order to make my active menu item with bottom border. but when I put border on item that has subitems under border goes under the end of submenu (level2).
Is there any possibility to break this two?
(pictures)
In CSS I am using:

<?php echo $id; ?> li.current{
border-top: 0;
border-left:0;
border-bottom: 1px solid #000;
border-right: 0;
}

also, I tried putting image in background, but it won't "catch" it.

please, help
vina1.PNG

vina2.PNG