사진처럼 버튼이 메뉴바에 가려져서 안보이는데어떻게 해야 하는지 부탁드립니다..ㅠㅠ

이미지가 버튼 아래잇다가
서브메뉴가 활성화되면
이미지위로 버튼과 메뉴가 올라와야 하는데
버튼이 서브메뉴 아래로 내려갑니다
소스는

css.

<style type="text/css">
body {
font: 10pt/1.5em 굴림;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}
#navi {
width: 1280px;
margin: 0 auto;
text-align: center;

}
#menu {
width: 100%;
height: 150px;
padding: 20px;
margin: 0 auto;
border: 2px solid #443d3d;
background-color:#443d3d;
z-index : 100;
position:absolute;
}
img {border:0;}
</style>
html
버튼부분입니다.
<div id="navi"><a href="#" onfocus='blur();'><img src="/images/bt.jpg" border="0" /></a></div></center>
</div>