Container Div Background IMG/Color Not Showing

[dineonyourdesign]

hello all. thanks for your time.

i am having some issues with a background image & color not showing up in a container div.

here is the snippet from the CSS where the background image and color are defined. you can view the full CSS right here (http://americanwalkincoolers.com/test/css/site.css): http://americanwalkincoolers.com/test/css/site.css


#container {
background: url('./img/faux_bg.gif') repeat-y top left #496d9d;
width: 960px;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

and the page is here:

http://americanwalkincoolers.com/test/index.html

i am attempting to cheat on the layout by placing a background color/image that will make the right column extend the length of the page. currently the right column has a graphic that says "featured products" followed by a gap that runs the length of the container.

can anyone help me? bonus points if you can explain to me why the BG color & BG image aren't showing up from the container.

thanks again.

[dineonyourdesign]

here's what it should look like (from the original mockup graphic):

http://americanwalkincoolers.com/test/img/americanwalkin_roughmockup_03.jpg

the blue column on the right should extend down the length of the container div.