自动增加div高度（100％父级），留下顶部和底部边距？

Question

http://jsfiddle.net/YumHS/

在jsfiddle der中给出的页面中是cont div中的侧边栏。

<section class="cont">
                <div class="sidebar">
                    <ul>
                      <li>sidebar</li>
                    </ul>
                </div>
                <div class="content">
                  <div class="cm_logo"><img src="img/turf_cm_logo.png"></div>
                </div>
</section>

侧边栏有一个右边框。 Der是侧边栏顶部的10px边距。同样，我也希望底部有10个边距。我使用了100％的高度，以便div.sidebar填满整个屏幕。但是使用这种方法，底部不可用，因为我使用粘性页脚。我能为此做些什么？请帮忙。

检查jsfiddle的演示，以了解我的问题

Answer 1

查看代码和演示的小提琴

小提琴：http://jsfiddle.net/YumHS/2

演示：http://jsfiddle.net/YumHS/2/embedded/result/

更新小提琴： 1280 x 800根据您的要求进行分辨。

http://jsfiddle.net/YumHS/5/embedded/result/

要获得所需的输出，我使用1px x 2000px的图像。并调整背景图像的位置，参见下面的CSS，您可以根据需要设置背景图像的高度（见110%;）。

.sidebar {
    position: fixed;
    top: 100px;
    width: 227px;
    /*border-right: 1px solid #949698;*/
    height: 100%;
    background: url("http://img152.imageshack.us/img152/8141/fullbar.png") no-repeat right 110%;
}

在我的系统中，它看起来如下图所示：

更新了小提琴 http://jsfiddle.net/YumHS/11/embedded/result/ - 侧边栏和页脚中有2px的空间。