Height of one column bind to the other one

[MarekX]

Hi everybody,
I have a sidebar (left column with float: left) with background image and background color. I have the image with no repeat and I need the color to display all the way down to the bottom of the page, which differs in height - dependent on the content in main column.
I can set some min-height to it, but if the main column exceeds this height, the sidebar does not adjust to it. I tryed some of the tuts with height 100% but it did not work, I have probably a wrong layout for this solution.

Here is a link for image which shows my layout and also my problem.
<snip>

I experience this problem quite often but everytime I got over it with some trick or I just somehow moved it away. But now I am seriously stuck with it and there is no way which I know of how to resolve it.

I would be grateful for any advice

[edited by: limbo at 7:36 am (utc) on Apr 1, 2010]
[edit reason] No URL's please, see TOS [webmasterworld.com] [/edit]

[MarekX]

I dont see a point in deleting a direct link to image which helps to explain my problem so I am posting it again: [img709.imageshack.us...]
as i saw in rules, you are banning only promotional images or URLs, this is plain image made in MSpaint to describe my problem...

[aguimo]

If your sidebar is going to have a fixed width, one trick is to make a div that wraps both right and left columns and create a background image for the wrapping div that is as wide as your sidebar and then repeat-y.