Background image not showing in IE7

Hello, and thank you in advance for your help.

I am workin on a custom template for Zen Cart v1.3.7 - I have added a background image to #headerWrapper, #contentMainWrapper, and #navSuppWrapper.

All works fine except the background image does not appear in the #contentMainWrapper in IE7, works in latest releases of FireFox, Opera and Netscape though.

here is the css for each...

#headerWrapper{
margin: 0em;
padding: 0em;
background: url(../images/headwrapper_743_150.gif) no-repeat top center;
}
#contentMainWrapper{
width:100%;
margin: 0em;
padding: 0em 1em 0em 1em;
background: url(../images/contentmain_tile_743_50.gif) repeat-y top center;
}
#navSuppWrapper{
margin: 0em;
font-weight: bold;
color: #333333;
height: 100px;
width: 100%;
background: url(../images/navsuppwrapper_743_120.gif) no-repeat bottom center;
}

Any Idea's? Let me know if further information would help diagnose this problem.

Thanks, Ryan

The URL where the problem can be seen?

Ok

I solved my problem.

For some reason I had to remove the #FFFFFF background from the sidebox wrappers on each side. I had them pushed in with padding on the #contentMainWrapper, but IE7 did not appreciate my background image enough to show it.:(

I also had to set a min-width for the #headerWrapper in order to eliminate a cut off on the bottom of my bg image in that div.

Thanks for replying Kim.

Does my solution sound like the right direction?

Probably- but it is difficult to diagnose what you can't see.