Bordure indésirable héritée sur une image en a:hover

Bonjour,

J'ai une image qui hérite de la border des liens en textes et je n'arrive pas à la retirer.

Sur le hover, je fais un cadre autour des liens et cela hérite sur mes images Page Précédente et Page Suivante.

Comment la retirer ?

La CSS

ul#no_page_res li a{text-decoration: none;color: #B6B6B6; border: 3px solid #fff;}
ul#no_page_res li a:hover{color: #0B9783; border: 3px solid #0B9783;}
ul#no_page_res li a.no_page_selected{
border: 3px solid #FAC721;color: #0B9783;}
ul#no_page_res li a:hover img{color: #0B9783; border: inherit}

Le code

 <ul id="no_page_res"> 
            <li><a href="#" title="Aller à la page précédente" tabindex="10" ><img src="images/bullet-before-page.gif" width="7" height="20" alt="Aller à la page précédente" /></a></li> 
            <li><a href="#" title="Aller à la page 01" tabindex="11">01</a></li> 
            <li><a href="#" title="Aller à la page 02" class="no_page_selected" tabindex="12" >02</a></li> 
            <li><a href="#" title="Aller à la page 03" tabindex="13">03</a></li> 
            <li><a href="#" title="Aller à la page 04" tabindex="14">04</a></li> 
            <li><a href="#" title="Aller à la page 05" tabindex="15">05</a></li> 
            <li><a href="#" title="Aller à la page suivante" tabindex="16" ><img src="images/bullet-after-page.gif" width="7" height="20" alt="Aller à la page suivante" /></a></li> 
          </ul> 

Merci !


Modifié le 09 Jan 2005 - 12:20