[SOLVED] Firefox cuts off bottom of background image

[kralspace]

???

Hi gurus,

 

I have a background image that is showing correctly in IE, but is cut off at the bottom in Firefox. I tried assigning a height, but it applied it to the container, not the image. I'd appreciate if someone could tell me what I'm doing wrong...as usual...lol. It's the part of the image beneath the menu on the left, it should fade out.

 

here is the webpage: http://www.cordonline.net/worksite/

 

and here is the stylesheet code:

 

<code>

#container {

margin: 0px auto;

width: 800px;

text-align: left;

border: 2px solid #104D8C;

background-color: #ffffff;

background-image: url(../images/stem-banner.jpg);

background-repeat: no-repeat;

background-position: left top;

z-index:1; 

  }

</code>

 

thanks, as always, Kathy

[kralspace]

I hate to leave a question unresolved incase it can help someone else, I received a suggestion that worked from

 

http://csscreator.com/node/30925#comment-132295

 

Wolfguy had me add a clear: both to my footer and it works great!