Background image not showing in Firefox

Question

A strange thing happens. The background image is not displayed in Firefox under some versions of WindowsXP and Windows Vista, but is displayed in Firefox under Mac OSX. It is also displayed in IE. This is CSS:

.cherry_banner {
background: url("library/media/images/cherry_banner_top.png") no-repeat;
width: 276px;
display:block;
min-height:100px;
padding-top: 13px;
color: #fdfdfd;
margin-bottom:20px;
}

.cherry_banner a {
color: #fdfdfd;
}

.cherry_banner a:hover {
text-decoration:underline;
}

.cherry_banner li {
list-style-type:none;
}

.cherry_banner h2 {
font-size: 18px;
margin-bottom: 10px;
}

.chb_text1 {
background: url("library/media/images/cherry_banner_pixel.png") repeat-y;
}

.chb_text2 {
background: url("library/media/images/cherry_banner_bottom.gif") bottom no-repeat;
padding: 4px 14px 24px 25px;
}

And this is html:

<div id="linkcat-8" class="cherry_banner tpt"><div class="chb_text1"><div class="chb_text2">
<h2> </h2>
<ul class='xoxo blogroll'>
<li><a href="http://inveda.ru/jyotish/naksatra-calendar/">       2010.</a></li>
</ul>
</div></div></div>

You can see on http://www.inveda.ru - the right column - a red banner.

Answer 1

Your code is valid and yes, I see the background correctly. (FF, IE6-9, Safari, Opera, Chrome)

I believe this is a browser caching issue (old CSS stays on your XP machine). Make sure you press Ctrl + F5 when you want to view the page on another browser / PC.

Answer 2

trasnsparent url:

background: transparent url(library/media/images/cherry_banner_top.png) no-repeat;