jQuery IE8的div內容顯示之前slidedown（）完成？

Question

希望基本的問題！我有一個標準的jQuery滑動div，裏面有三個按鈕。盤旋時，div以通常的方式滑落以揭示鏈接。在FF/Safari中一切都很好，但在IE8中，內容顯示爲div滑動打開，造成非常惡劣的效果。演示頁面在http://james-golding.co.uk/staging/quocms/?page_id=29。

jQuery的非常簡單：

<script type="text/javascript"> 

      $(document).ready(function() 

      {ShowActionOnOver(); 

       $(".expandingbox",this).hide(); // hide all 
       $(".insidered",this).slideDown(500); 

      }); 

function ShowActionOnOver() 

     {$(".content").hover(function(){ 
        if($(".insidered").is(":visible")) { $(".insidered").slideUp(500); } 
        $(".expandingbox",this).slideDown(500); 

       }, 

       function() 

       {$(".expandingbox",this).slideUp(500); } 

      );} 

CSS也是這樣的事情的標準：

.content {height:120px;} 
.rel {z-index: inherit; zoom: 1; /* For IE6 */ position:relative; } 

.expandingbox { 
    width: 210px; 
    height:100px; 
    margin: 0 auto 0px auto; 
    padding: 7px 6px 0px 6px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.php); 
    overflow : hidden; 
} 

.insidered {border: 2px solid #b60000;} 

.steps { 
    width: 195px; 
    height: 13px; 
    margin: 0px auto 3px auto; 
    padding: 8px; 
    -moz-border-radius: 11px ; 
    -webkit-border-radius: 11px; 
    border-radius: 11px; 
    behavior: url(PIE.php); 
    } 

.stepslast { 
    width: 195px; 
    height: 13px; 
    margin: 0px auto 0px auto; 
    padding: 8px; 
    -moz-border-radius: 11px ; 
    -webkit-border-radius: 11px; 
    border-radius: 11px; 
    behavior: url(PIE.php); 
} 

.label { 
    width: 101px; 
    height: 17px; 
    margin: 0 auto; 
    padding: 8px 0 5px 0; 
    -webkit-border-radius: 0px 0px 11px 11px; 
    -moz-border-radius: 0px 0px 11px 11px; 
    border-radius: 0px 0px 11px 11px; 
    behavior: url(PIE.php); 
    color:#FFFFFF; 

}  

我希望有這方面的想法 - 它的駕駛我堅果！

謝謝。

Answer 1

這確實的伎倆：.expandingbox insidered{overflow:hidden;}