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?

[mipadi]

height: 100% just means that the height of the element will be the same as the height of the containing element, which may or may not be equal to or longer than the height of the entire screen. It might be easier to give a link to the page in question, or at least the entire source code, since the answer may rely on other elements on your page.