关于ff浏览器支持A：hover的问题。

瘋子愛老婆

关于ff浏览器支持A：hover的问题。
我要弄一个图片翻转的效果，用了一个底图。在ie里面能够实现但是ff不能实现，不知道是为什么


#header_nav ul li{
                float: left;
        }
        #header_nav ul li a{
                display:block;
                height:30px;
                width:80px;
        }
        #nav1 a, #nav1 a:visited {
                background-image: url(images/channels.png);
               
        }
        #header_nav #nav1 a:hover ,#nouenf{
                background: url(images/channels.png) 0px 34px;               
        }
                #nav2 a, #nav2 a:visited{
                background: url(images/channels.png) 162px 0px;
               
        }
        #nav2 a:hover{
                background: url(images/channels.png) 162px 34px;
               

        }
        #nav3 a, #nav3 a:visited{
                background: url(images/channels.png) 81px 0px;
               
        }
        #nav3 a:hover{
                background: url(images/channels.png);
                background-position: 81px 34px;
        }




<div id="header_nav">
<ul>
<li id="nav1"><a href="#"></a></li>
<li id="nav2"><a href="#"></a></li>
<li id="nav3"><a href="#"></a></li>
</ul>
</div>

彬彬有礼

扯淡啊，感觉你在开玩笑啊