Afficher la même image en hover qu'en active

Bonjour,

J'ai un problème pour afficher la même image en hover qu'en active:

.menu { list-style:none;margin:0 0 0 0px;}
.menu li { float:left;margin:-14px 0 0 0;}
.menu a { text-indent:-5000px;}

.menu #news span{display:block;width:185px;height:46px;}
.menu #formulaire span{display:block;width:173px;height:46px;}
.menu #extensions span{display:block;width:191px;height:46px;}
.menu #liens span{display:block;width:88px;height:46px;}

.menu #news span { background:url(news_htm_files/menu.png) 0 0 no-repeat;}
.menu #news span:hover{background:url(news_htm_files/menu.png) 0 -46px no-repeat;}
.menu #news span:active{background:url(news_htm_files/menu.png) 0 -46px no-repeat;}

.menu #formulaire span { background:url(news_htm_files/menu.png) -185px 0 no-repeat;}
.menu #formulaire span:hover{background:url(news_htm_files/menu.png) -185px -46px no-repeat;}
.menu #formulaire span:active{background:url(news_htm_files/menu.png) -185px -46px no-repeat;}

.menu #extensions span { background:url(news_htm_files/menu.png) -356px 0 no-repeat;}
.menu #extensions span:hover{background:url(news_htm_files/menu.png) -356px -46px no-repeat;}
.menu #extensions span:active{background:url(news_htm_files/menu.png) -356px -46px no-repeat;}

.menu #liens span { background:url(news_htm_files/menu.png) -548px 0 no-repeat;}
.menu #liens span:hover{background:url(news_htm_files/menu.png) -548px -46px no-repeat;}
.menu #liens span:active{background:url(news_htm_files/menu.png) -548px -46px no-repeat;}

Merci de votre aide.