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

你有一個內聯元素<a>內部的塊級元素<div>。這在IE語義上不是有效的。因此，對<a>標籤給出display: block;或float: left;，修復它。