css - Internet Explorer 水平尾端导航错位

Question

整个图像在 Firefox / Chrome / Safari 中是可点击的，但在 Internet Explorer 中它只能在图像右侧点击。

http://www.dawaf.co.uk/cthm/work/

Javascript

<script type="text/javascript">
  $().ready(function() {
    $(".slider1").codaSlider( {dynamicArrows: false, dynamicTabs: false} );        $(".slider1 .coda-nav-right-wrapper").mouseover(function() {
      $(".nav1").css("display","block");
    });
    $(".slider1 .coda-nav-right-wrapper").mouseout(function() {
      $(".nav1").css("display", "none");
    });
    $("#coda-nav-right-1 > a > .coda-nav-right-wrapper").mouseover(function() {
      $(".caption1").css("display", "inline");
    });         

    $("#coda-nav-right-1 > a > .coda-nav-right-wrapper").mouseout(function() {
      $(".caption1").css("display", "none");
    });
  });
</script>

CSS

#content .coda-nav-right-wrapper {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
  width: 900px;
  height: 450px;
  cursor: pointer;
}

Answer 1

<div>内联元素中有一个块级元素<a>。这对于 IE 在语义上无效。所以，给标签一个或display: block;，修复它。float: left;<a>