CSS image background issues - please help!!!

Question

I have a stubborn file that doesn't seem to want to display image backgrounds called out by CSS.  In my DW file I can see the background images in Design View, but when I go to Live View or preview in a browser they're not showing.  No broken link or unrecognized file type icons - just not there.  It doesn't matter if I'm working on the file locally or on my test server; the result is the same.
Example 1:
CSS callout looks like this:
#logo h1 {
    float: left;
    width: 189px;
    height: 71px;
    background: url(/images/menu_logoblock.png) no-repeat top left;
HTML callout looks like this:
<div  id="logo">
             <h1></h1>
     </div>
Example 2 (toggle image on rollover):
CSS callout looks like this:
a#prod1 {
        width: 193px;
        height: 140px;
        text-indent: -9999px;
        background: transparent url(/images/image_name.jpg) no-repeat 0 0;
        margin-left: 0;
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
a#prod1:hover {
            background-position: 0 bottom;
HTML callout looks like this:
<div id="products">
            <ul>
                <li><a href="#" id="prod1" title="Title" alt="Totle goes here"><strong>Title goes here </strong></a></li>
               </ul>
     </div>
I have successfully used both methods on other pages without problem, but for whatever reason can't get it to work today.  I have a reset css file link to reset the browser defaults this time around and that's the only difference.

Answer 1

Did you save your images for the web in RGB mode?  Most browsers don't support CMYK.
Is your code valid?  Modern browsers are becoming less foregiving of code errors.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb