css로 div를 이용해 레이어(?)를 두개 겹쳤을때
IE에서 링크가 안되네요

다른 브라우져에서는 잘되는데요 이유가 뭘까요?

.css의 코드
/* 메인 이미지 부분 */
#spot{height:314px; }
#spot h1,#spot h2,#spot .box,#spot1,#spot .box_title,#spot .box_comment,#spot .box_picture{position:absolute;}
#spot h1{left:8px;z-index:2; }
#spot .box{left:27px; top:2px; z-index:4; width:315; height:312; background:url("./img/spot_base.png"); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/spot_base.png', sizingMethod='crop'); } /*-- png24의 투명이미지 IE버그에 대한 해결 스크립트 입니다. 08.11.08 KYH -- */


/* 메인 사진 세장 */
#spot .box_title{top:44px; left:10px;}
#spot .box_title a{color:#253266; font-size:20px; font-family:"나눔고딕"; font-weight:bolder; display: block;}
#spot .box_comment{width:274px; height:74px; top:110px; left:10px; line-height:2em; color:#333333;}
#spot .box_picture{width:274px; height:64px; top:230px; left:10px; float:left; margin:0 10px 10px 10px;}
#spot .box_picture img{border:1px solid #666;
                      background-color:#fff;
                      padding:4px;}



.php의 코드
<div id="spot">
<!-- 매인화면 바탕 그림 08.11.08 -->
    <h1><? //echo latest("스킨명", "게시판명", 라인수, 글수,);
        echo latest("vs", "mainimg", 1, 0); ?> </h1>
<!-- 매인화면 바탕 그림 끝 08.11.08-->
<!-- 매인화면 바탕 그림 위에 최근게시물 추출 이미지 3장짜리 08.11.08 -->
<div class="box">
<?=latest("css_news", "test", 10,50    );?>  <--요부분이 링크가 안걸리네요.
</div>
</div>
</div>