css - CSS阴影问题

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 
}

演示