css - 如何设置侧边栏高度以匹配主要内容高度？

Question

问题正如标题所述，在谷歌搜索并浏览此处的帖子后，我还没有找到适合我的解决方案。由于侧栏在实现包装器的固定尺寸设计内。

CSS：

#container {
    width: 100%;
    float: left;
}

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

#sideRight {
    float: right;
    width: 200px;
    margin-left: -250px;
    margin-right: 10px;
    padding: 2px 0px 30px 38px;
    background-image: url("../images/sidebarlight.png");
    background-repeat:repeat-y;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
}

JSFiddle：http: //jsfiddle.net/6LTFH/

网站： http: //www.debbie.travismoore.co.uk/

任何帮助表示赞赏，干杯