background image not displaying

[melindaf]

We have added a background image to the navmain wrapper but it is not displaying. it is displaying on our page as white space. Therefore our links are not showing because the text color of the links are white unil they are rolled over with the mouse and then they are seen in the pink color we applied to the hover state. Our css coding is:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
background-color:#987c8a;
background-image:url(../images/bg_nav_background.JPG);
background-repeat:repeat;
color:#FFFFFF;
font-weight:bold;
height:1%;
margin:0;
padding:0.5em 0.2em;

usually I understand that a jpeg file should be named in lower case but the computer we are working on only allows for the file to be upper case JPG extension. So this is not our issue. Also I believe the url is correct.

Is there something missing or is there another file associated with the background of this div?

Any help is greatly appreciated.

The link to our site is www.bohemianglitz.com