홈페이지 메인에 슬라이드 이미지를 넣었습니다.

슬라이드 이미지에 링크를 걸고 싶은데 아무리해도 링크가 안되네요.

css 소스중에 mainVisualImgsEffect 없애면 링크가 걸리는거 같은데...

도대체 왜 안되는지 모르겠네요 ㅠㅠ

<style>

.mvisual-wrap {z-index:1;}
.mvisual-wrap {position:relative;height:440px;z-index:1; }
.mvisual-imgwrap {position:relative;z-index:1;width:100%;height:100%; }
.mainVisualImgsEffect {position:absolute;left:0;top:0;z-index:1; }


#mVisImgWrap .ctrl-btns{ float:right; width:100%; ;z-index:99999;}

.mvisual-wrap .ctrl-btns button, .mvisual-wrap .ctrl-btns a {cursor:pointer;width:20px;height:20px;background:url(/images/main/main_ctrl_btns.png) no-repeat left top;overflow:hidden;margin-left:0px;margin-right:0px;border-radius:11px;background-color:rgba(255,255,255,0.01);}
.mvisual-wrap .ctrl-btns a {display:inline-block;}
.mvisual-wrap .ctrl-btns .btn-play {background-position:0px -30px;}
.mvisual-wrap .ctrl-btns .btn-stop {background-position:-19px -30px;}
.mvisual-wrap .ctrl-btns button span, .mvisual-wrap .ctrl-btns a span {white-space:nowrap;padding-left:40px;display:inline-block;cursor:pointer; }
.mvisual-wrap .ctrl-btns a {background-position:-59px -30px;}
.mvisual-wrap .ctrl-btns a:hover, .mvisual-wrap .ctrl-btns a.over {background-position:-39px -30px;}
.mvisual-wrap .ctrl-btns button {border:0;margin:0;padding:0; }
.mvisual-wrap .ctrl-btns  * {vertical-align:top; }
.mvisual-wrap .ctrl-btns {position:absolute;z-index:1000;width:auto;height:0px;bottom:-30px;left:20px;text-align:center; }

</style>

<div id="mVisWrap" class="mvisual-wrap">

<div id="mVisImgWrap" class="mvisual-imgwrap mbanner-wrap div-cont" >

<div class='visImgEffectWrap'>
<div class='visImgEffect mainVisualImgsEffect' >
<div id="visImg1" ><a href="http://www.naver.com"><img src="/images/main/mvis_01.jpg"></a></div>
</div>

<div class='visImgEffect mainVisualImgsEffect' >
<div id="visImg2" ><img src="/images/main/mvis_02.jpg" /></div>
</div>
</div>

<div class='ctrl-btns'>
<button class='btn-play'><span>재생</span></button>
<button class='btn-stop'><span>멈춤</span></button>
<span class='ctrl-nums'>
<a href='#visImg1'><span>1</span></a>
<a href='#visImg2'><span>2</span></a>
<a href='#visImg3'><span>3</span></a>
<a href='#visImg4'><span>4</span></a>
</span>
</div>