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;}