В общем, имеется див блок, в нем находится кнопка(ссылка) при нажатии на которую открывается блок меню с помощью display:none и (block), так же в этом диве находится текст. В итоге и текст тот и открывающейся блок меню становятся ссылками, при нажатии на которые открывается-закрывается меню, а ссылкой должнабыть только кнопка.
Помогите найти проблему.

Вот скрипты:
Главная страница:
<?php
include 'head.php';
?>
<link rel='stylesheet' href='style.css'>
<div class="block">
<a href="#" onclick="openbox('box'); return false"><img src="images2/button2.png" alt="" />
<span style="float:right">bla-bla </span>
</div>
<div id="box" style="display: none;">
<div class="brd">
Меню
</div>
<div class="brd">
Меню
</div>
<div class="brd">
Меню
</div>
<div class="brd">
Меню
</div>
<div class="brd">
Меню
</div>
</div>
<script type="text/javascript">
function openbox(id){
display = document.getElementById(id).style.display;
if(display=='none'){
document.getElementById(id).style.display='block';
}else{
document.getElementById(id).style.display='none';
}
}
</script>

CSS:

body { margin: 0; margin-top: 0; background: #FFFFFF
position: relative;
z-index: 1;}

position: absolute;

.position {}

#box {
width: 40%;
display: none;
position: absolute;
}

.block {
width: 80%;
border: 1px solid #C0C0C0;
}

.block2 {
text-align: center;
height: 100%;
width: 7%;
}

.brd {
width: 80%;
border: 1px solid #C0C0C0;
background: #191970; color:#B8860B;
padding-top: 2%;
padding-bottom: 2%;
}

.brd2 {
width: 80%;
border: 1px solid #C0C0C0;
background: #191970;
color:#B8860B;
text-align: center;
font-family: Arial Narrow;
}

Изображение

------
51149_Screenshot_20171117190551.png (37.8 Kb)
Скачиваний: 87