CSS sprite活动状态不工作？

任何人都可以帮助我找出问题所在？我试图让css sprite的活动状态起作用。CSS sprite活动状态不工作？

目前，它没有做任何事情

HTML

<ul id="nav"> 
    <li id="Contact"><a href="contact.html">Contact</a></li> 
    <li id="Manual"><a href="manual.html">Manual</a></li> 
    <li id="FAQ"><a href="faq.html">FAQ</a></li> 
</ul>

CSS

#nav { 
    background:url("../img/nav_final.png") no-repeat; 
    width: 372px; 
    height: 47.5px; 
    margin: 70px auto; 
    margin-bottom:25px; 
    padding: 0; 
} 

#nav li, #nav a { 
    height: 47.5px; 
    display: block; 
} 

#nav li { 
    float: left; 
    list-style: none; 
    display: inline; 
    text-indent: -9999em; 
} 

#Contact { width: 120px; } 
#Manual { width: 140px; } 
#FAQ { width: 112px; } 

#Contact a:hover, #Contact a:active { background:url("../img/nav_final.png") 0px -47.5px no-repeat; } 
#Manual a:hover, #Manual a:active { background:url("../img/nav_final.png") -118px -47.5px no-repeat; } 
#FAQ a:hover, #FAQ a:active { background:url("../img/nav_final.png") -260px -47.5px no-repeat; }

感谢您阅读

来源

2012-04-09 John Smith

打开Firebug，并期待在“UL ID =‘导航’”，看看背景图像加载如果没有那么解决图像路径。 – CBRRacer 2012-04-09 13:15:59

该路径作为悬停状态工作。只是不是目前的状态 – 2012-04-09 13:27:29