鉻盒裝圖陰影和邊界衝突

我似乎有問題與Chrome，而不是FF或IE。如果我有一個div鉻盒裝圖陰影和邊界衝突

<div id = "someDiv"> 
    <input name = "row1" type = "radio" value = "Y">Y 
    <input name = "row1" type = "radio" value = "N">N 
    <div id = "hiddenRow1"></div> 
    <div id = "hiddenRow2"></div> 
</div>

和CSS這樣

#someDiv { 
width: 600px; 
padding-top: 3%; 
background-color: rgba(24, 25, 27, 0.98); 
-webkit-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.28); 
-moz-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.28); 
box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.28); 
border: 1px solid #8D3232; 
} 

.hiddenRow1, .hiddenRow2 { 
    display:none; 
}

我們做這樣

$('input[name="row1"]').on('change', function(){ 
     var yesno = $(this).val(); 
     if (yesno == "Y"){ 
      $('#hiddenRow1').slideDown(500); 
      $('#hiddenRow2').slideUp(500); 
     }else{ 
      $('#hiddenRow1').slideUp(500); 
      $('#hiddenRow2').slideDown(500); 

     } 
    });

一些jQuery的我得到這個真的很煩人的臭蟲時，隱藏的行幻燈片下拉並擴展其父div的高度，父窗口的div原始邊框保留在屏幕上，直到窗口被調整大小或任何CSS效果被改變（基本上該頁面是一些重新呈現的）。

我可以解決這個問題的唯一方法是去除主div的盒子陰影，但我不想打破網站的風格。我無法在jsfiddle上重現這一點，但我有截圖。

任何想法？

http://i.imgur.com/ZCrvSNd.png

來源

2014-09-30 Tester232323