Have div match content height?

Here’s where I’m having trouble

[url]www.ratherdastardly.com/newindex.htm[/url]

the torn paper’s (which is a div by itself) height can only be set by pixel manually, if I set it to 100% it becomes very tiny, even though its within sidecontent which contains all my text. Its basically a background that is repeated over y.

What I want is for the torn paper to match the height of the content in the sidebar.

here is my css.

[CODE].sidecontent
{
position:absolute;
height:auto;
width:70%;

top:0px;
left: 340px;
}
#sidebar
{
background-image:url(“images/papertear2.png”);
background-repeat:repeat-y;
height:100%;
width:50%;

}
body
{
font-family: ‘trebuchet ms’, helvetica, sans-serif;
background-image:url(“images/stripe2.png”);
background-attachment: fixed;
overflow:auto;
overflow-x: hidden;
height:100%
width:100%;
color:#FFFFFF;
margin: 0 0 0 0;
}
.content
{
height:100%;
overflow:auto;
width:100%;
overflow-x: hidden;
margin: 0 0 0 0;
}
.box
{
position:absolute;
height:auto;
width:100%;
top:0px;
left:160px;
background-color:#5cb1e2;
overflow-x:hidden;
margin 0 0 0 0;
}
.boxtext
{
margin-left:5%;
margin-right:30%;

}
img {
float left;
margin: 0 0 0 0;
}[/CODE]

anyone have any ideas? Thanks in advanced!

Also in #CSS _↴