So here's my issue. I have a design in progress at
Literary Works Market

It looks as it should in IE, but terrible in firefox since the div leftNavContentBack is not showing the background from div leftNavBack

here's the CSS for the troublesome <div>s

#leftNavBack {
 width: 182px;
 top: 1;
 text-align: center;
 background-image: url('images/design_22.jpg'); 
 background-repeat: repeat-y;
 overflow:auto;
}

#leftNavContentBack {
 width: 182px;
 top: 0;
 text-align: center;
 background-image: url(images/design_15.jpg);
 background-repeat: no-repeat;
 border: none;
 padding: none;
 overflow:auto;
 
}

Any and all help on this is appreciated as I haven't been able to find any solution for it.

The problem is the HTML style comment you have in your CSS !
You cannot use <!---- dkdkddkd --> in a CSS file. Comments in CSS must be like this: /* comment */

IE is sloppy enough to ignore it, Firefox and other standards-compliant browsers choke on it.

D'oh! Well, that was pretty dumb of me. Thanks a lot

Yw :d