div container and background-image not working
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.
border: 1 px solid red;
URL to dev page: BEAVERDAM BUILDERS
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.