I have been working with css for a year now. Just when I think I have it, something happens that is illogical to the way I perceive css. I took over a site half fiished, developed in Dreamweafer. I am trying to finish converting the structure from tables to div's. I wrapped a div #content, around the other div's in order to display a background image. I can't make it work, despite research and Rachel's excellent book. The image the designer wants is 898px by 443px tall. I need it to repeat down as the content flows beyond 443px.

Here is css for the container. I have a red rule in there for verification of the container.

#content {
width: 898px;
float: left;
height: 0px;
background-image: url(media/background-main.gif);
background-repeat: repeat-x;
border: 1 px solid red;


Sample page of the layout trying to be achieved: BEAVERDAM BUILDERS

Thank you in advanced. Still need to finish the header table conversion to css and div's.