Css Internet explorer水平尾端导航位置不正确

在Firefox/Chrome/Safari中，可以单击整个图像，但在Internet Explorer中，只能单击图像右侧

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>

---

在内联元素

中有一个块级元素

。这在语义上对IE无效。因此，给出一个

display:block或<代码>浮动：左侧

对于

标记，修复它

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