CSS Background Images not showing on Live site, but they are on Localhost

Issue Summary

I have just uploaded my first drupal test site to a live server and some css background images are not showing. They are showing on my localhost though and have tried many ways to fix, but no luck..any ideas would be appreciated:

One that is not showing is below:
#block-block-2 {
height: 180px;
width: 172px;
background:url(images/valuation-green2.gif) no-repeat;
margin-top: 30px;
z-index: -100;
}

#block-block-2 .block-title {
padding-right: 10px;
color: #393c3d;
font-weight: bold;
}

#block-block-2 .block-content {
color: #FFF;
line-height: 13px;
margin-top: 25px;
margin-right: 3px;
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 0.8em;
}