タブ切り替え　borderbottom

タブ切り替え時タブとテーブルの間に線が出来ないようにしたいです。
いろいろ調べた結果margin-bottom:-1px;border-bottom:none;でかぶせるやり方があったのですが上手くいきません。どのようにすればよいでしょうか。

<!DOCTYPE html>
<html lang="ja">
<head>
<title></title>

<body>
	<div id="Select">
	<p class="tabs" id="Border">
		<a href="#b1"class="b1" onclick="cngTab(b1);cngColor(this);cngBorder(this);" return false;>aaa</a> 
		<a href="#b2" class="b2" onclick="cngTab(b2);cngColor(this);cngBorder(this);" return false;>bbb</a> 
		<a href="#b3" class="b3" onclick="cngTab(b3);cngColor(this);cngBorder(this);" return false;>ccc</a>
		</p>

		</div>

<div id="b1">
</div>
<div id="b2">
</div>
<div id="b3">
</div>

</body>
</html>



<script>
<!--/*選択時タブの色変更*/
				var color = 0;
				var index = 0;
				
				function cngColor(obj){
					if(index == 1) {
						color.style.backgroundColor ='#C0C0C0';
					}
					c = document.getElementById("Select");
					c.style.backgroundColor = '#C0C0C0'; 
					obj.style.backgroundColor ='#FFFFBB';
					color = obj;
					index = 1;
				}

				var Line = 0;
				var noLine = 0;

/*選択時borderbottom消す(ここが上手くいかない)*/				
				function cngBorder(obj){
					if(Line == 1) {
						border.style.borderBottom ='solid thin';
					}
					b = document.getElementById("Border");
					b.style.borderBottom = 'solid thin'; 
					obj.style.borderBottom ='solid 0px #000000';
					noLine = obj;
					Line = 1;
				}
</script>