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