background image is not loading in IE 6 & 7, works fine in safari,FF

IE 6 & 7 problem

[cssvidya]

Hi all,

background image is not loading in IE 6 & 7, works fine in safari,FF. basically i am not a CSS developer, so i am not able to find the problem, so please help to solve this problem.

in style.css:

#main.restaurants {background: url('/images/calendarlive/banner_restaurants.gif') no-repeat 8px 9px #ccc;}
#main.bars-and-clubs {background: url('/images/calendarlive/banner_bars-and-clubs.gif') no-repeat 8px 8px #ccc;}

in this restaurants image loading perfectively in IE6, but bar-and-clubs is not loading in IE 6 & 7, but these all working fine in safari and FF

[swa66]

First off:

Are you sure the html and css are valid?
[validator.w3.org...]
[jigsaw.w3.org...]

Results for invalid input are even more unpredictable.

I'm specially concerned that you might have multiple
tags with the same id. Use a class instead of an id if you want to allow it multiple times.