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