플로팅 컨테이너의 Img는 탐색기에서 클릭 할 수 없습니다.

Question

이미지와 캡션이 포함 된 div "imgbox"와 일부 텍스트가 포함 된 div "textbox"가있는 앵커 요소가 있습니다.

이제 div.imgbox를 플로팅하면 내부의 img 요소를 더 이상 클릭 할 수 없습니다. 캡션과 div.textbox의 텍스트는 다음과 같습니다. 이는 Internet Explorer에서만 발생합니다. 다른 모든 브라우저는 정상적으로 작동합니다.

누가이 문제의 원인인지 알고 있습니까? 감사!

<style> 
    .wrap a { 
     display: block; 
     overflow: hidden;/* makes this a wrap around floats */ 
     cursor: pointer; 
    } 
    .imgbox { 
     float: left; 
    } 
    .textbox { 
     overflow: hidden;/* positions the div next to the float */ 
    } 
</style> 

<div class="wrap"> 
    <a href="#"> 
     <div class="imgbox"> 
      <img src="http://jaron.nl/misc/dummy.gif" width="80" height="45" alt="" /> 
      caption text is clickable 
     </div> 
     <div class="textbox"> 
      some text here 
     </div> 
    </a> 
</div> 

Answer 1

당신은 IMG와 링크 태그 사이에서 DIV에 블록 요소를 사용하고 있습니다 :

여기 내가 사용하고있어 CSS와 HTML입니다.