increasing height bar

[skywalker786]

I want my blue bar to on the left hand side to stretch vertically depending on the content please let me know what is wrong with my css, I have paste the url of resturant so you can have a look. the height doesn't increase depending on content on the page.

css
#sidebar {
width: 165px;
padding-left: 2px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 0.5em;
float: left;
/*border-right:4px solid #fff;*/
/*background-color: #FFE3DD;*/
background-color: #D7DCE8;
}


url
http://goingegypt.com/pharaoh/index.php?option=com_content&task=blogsection&id=22&Itemid=84&PHPSESSID=1b16af456c635702e503173282037283

[dbldutch]

Take a look at this article. It should help explain.

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

[skywalker786]

Take a look at this article. It should help explain.

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


I have read this article and done what has asked me to do and it didn't work.
Below is what it asked me to do.

-------------------------------------------------------------
This elementary CSS rule is added to the body element:

background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;
-------------------------------------------------------------


So this is what I did, I created a style called:

.body {

background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;

}


Can someone help me crack this :S

[dbldutch]

If you want to add a style to the body tag you would do it like this.
body {
background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;
}
Not like this
.body {
background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;
}
Notice the missing "." in front of body.