HELP-Additional CSS attributes only works on some browsers???

[VGPelega]

Hi there, I have been tearing out chunks of my hair and can't figure this one out, it is a tricky one, so I will try and explain it as fully as possible for the best answers:

On my website, I have a great unique design, and a lot of it is controlled by the "Additional CSS definitions" box in the style manager> main CSS> area.

Now I use firefox myself, and have never had an issue with the site loading images, but upon adding a new feature, I was being a good designer and checking cross browser compatibility. In IE, the navbar images don't load at all, but they load fine in firefox, (see my attached screenshots)

Now the reason this is confusing is because other images are called in the css fields, such as the header image, and it loads fine in both browsers, but the navbar images being missing are a real eyesore, and with 53% of my users using IE, makes this really important to me.

Can anyone make any suggestions? I am completely lost, and have no idea where to start on this

[Princeton]

if you confirmed that image url are correct...

it could be an inheritance problem
You can read all about it here:
http://www.w3.org/TR/CSS2/cascade.html#inheritance