CSS Shadow的問題

Question

我遇到了一個陰影在CSS中顯示不正確的問題。它被設置在盒子的底部和右側，但無論出於什麼原因它都被切斷了，我無法弄清楚爲什麼。

JS小提琴 http://jsfiddle.net/jyb5V/

#content { 
    padding: 0 270px 0 0; 
    margin-bottom: 50px; 
    height: 800px; 
    background-image: url("images/mainbg.jpg"); 
    border:1px solid #000; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    -moz-border-radius-bottomleft: 10px; 
    -moz-border-radius-bottomright: 10px; 
    box-shadow: 4px 4px 2px #000000; 
} 

網站 http://www.debbie.travismoore.co.uk/

任何幫助表示讚賞，感謝

Answer 1

刪除overflow: hidden;

#container { 
    width: 100%; 
    float: left; 
    overflow: hidden; // remove this line 
} 

Demo