如何使用bg图像设置div高度，div内有自动高度

Question

那里， 我创造了小提琴http://jsfiddle.net/8bmGw/1/， 所以基本上我想要bg图像一直在用帖子扯下来，但事实并非如此。当我将高度设置为100％或自动时图像不显示。我已经尝试将div修复但问题是它重叠了所有东西，主容器，标题甚至是正文。我相对于标题div做了位置，它适用于固定div，但容器和主体，页脚区域没有。

HTML

<div id="blog"><div id="zelda"></div>
<div id="content">Some text</div></div>

CSS

#blog {
    width: 500px;
    height: auto;
    border: 2px solid black;
    border-top-right-radius: 85px;
    -moz-border-radius: 85px;
 /* Old Firefox */
    overflow: hidden;
    background: black;
    font-size: 12px;
}

#zelda {
    float: left;
    border-left-style: solid;
    border-left-width: 10px;
    border-left-color: rgb(105,5,3);
    background-image: url('http://i.imgur.com/Uld0W7I.jpg');
    background-attachment: fixed;
    background-position: 0 0;
    width: 150px;
    height: 660px;
    opacity: .6;
}

#content {
    float: right;
    width: 150px;
    padding: 20px 10px 20px 5px;
}