Color on columns with varying heights

[buzzfever]

I can't figure out how to make the color go all the way down on these (http://jamimooney.com/temp/three%20dog%20bakery/index.php) side columns. The height of these columns will be different on different pages, even the height of the middle column will be different.

Here's a link to the CSS (http://jamimooney.com/temp/three%20dog%20bakery/dogstyle.css).

Also, in IE7(ofcourse) the right menu is showing up below where it should be and there seems to be a bottom margin on the header.

Thanks!

[Inga.]

Try taking a look at this article. It may solve your problem.

http://www.alistapart.com/articles/fauxcolumns/

[buzzfever]

Actually that's what I've already tried to do. I've got this line in both columns' div's:

background:url(images/purple-background.gif) top left repeat-y;

And it's obviously not working.

[6StringGeek]

try applying that code to #container.

[buzzfever]

Well, that works for the left and right column, but it also applies that background to the header (which I don't want), but strangely enough, not the footer.