CSS Sidebar Background Options

[Mikeplyts]

So, I'm working on a redesign, and I ran into a little problem. I have a sidebar that has a repeating background. This background is supposed to run down the entire page length. And, I thought it did. Now, I realized if the content is longer than my sidebar, the background gets cut off. Not only that, but on higher resolutions, the background also gets cut off. I usually don't have a CSS problem, but I'm stumped.

Basically, this is what I have:

CODE

div#sidebar {
    background: url('images/sidebar.png') repeat-y top left;
    width: 280px;
    height: 100%;
}

That does kind of like how I want it to, but not quite the result I want. I've tried removing the height property, and that kind of worked as well but still, not good enough. I tried setting the html and body tags to a height of 100%, but no dice.

Any ideas?

[Mikeplyts]

^ I see, but unfortunately, my sidebar isn't within another container. It's in the body section, instead of a DIV. And the way I have my markup displayed, I can't just seem to get it within my main DIV.

I bet I could use Javascript to get the height of the main DIV (or body, for that matter) and append it to the CSS of the sidebar DIV. But, that would be a hassle.