Probleme de traits sous mes liens images

Bonjour, j'imagine que c'est une question bête mais je n'arrive pas a supprimer ce petit trait blanc de mes images, j'ai vu sur des forum qu'il s'agirait d'espaces mais j'ai bien vérifié, voici mon code html :

<div id="bande-icones-index-artus-siffre-faienceries">
    <li>
        <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage                ('Image1001','','images/icone-hover/grand-theriaque-02.jpg','Image1000','','images/grand-theriaque-02.jpg')"><img src="images/icone/grand-theriaque-02.jpg" name="Icone-artus-siffre-accueil" id="Image1001" width="48" height="48" alt="artus-siffre-poterie" border="0"/>
        </a>
        <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage                ('Image1002','','images/icone-hover/Aiguiere-02-40x17.jpg','Image1000','','images/Aiguiere-02-40x17.jpg')"><img src="images/icone/Aiguiere-02-40x17.jpg" name="Icone-artus-siffre-accueil" id="Image1002" width="48" height="48" alt="artus-siffre-poterie" border="0"/>
        </a>
        <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage                ('Image1003','','images/icone-hover/encrier.jpg','Image1000','','images/encrier.jpg')"><img src="images/icone/encrier.jpg" name="Icone-artus-siffre-accueil" id="Image1003" width="48" height="48" alt="artus-siffre-poterie" border="0"/>
        </a>
        <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage                ('Image1004','','images/icone-hover/canon-pied-douche-avec-anse-30x17.jpg','Image1000','','images/canon-pied-douche-avec-anse-30x17.jpg')"><img src="images/icone/canon-pied-douche-avec-anse-30x17.jpg" name="Icone-artus-siffre-accueil" id="Image1004" width="48" height="48" alt="artus-siffre-poterie" border="0"/>
        </a>
    </li>
    <li>    
        <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage                ('Image1005','','images/icone-hover/canon-droit-ou-moresque-15x5.jpg','Image1000','','images/canon-droit-ou-moresque-15x5.jpg')"><img src="images/icone/canon-droit-ou-moresque-15x5.jpg" name="Icone-artus-siffre-accueil" id="Image1005" width="48" height="48" alt="artus-siffre-poterie" border="0"/>
        </a>
        <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage                ('Image1006','','images/icone-hover/cruche-pharma-25x20.jpg','Image1000','','images/cruche-pharma-25x20.jpg')"><img src="images/icone/cruche-pharma-25x20.jpg" name="Icone-artus-siffre-accueil" id="Image1006" width="48" height="48" alt="artus-siffre-poterie" border="0"/>
        </a>
        <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage                ('Image1007','','images/icone-hover/canon-droit-pied-douche-28x14.jpg','Image1000','','images/canon-droit-pied-douche-28x14.jpg')"><img src="images/icone/canon-droit-pied-douche-28x14.jpg" name="Icone-artus-siffre-accueil" id="Image1007" width="48" height="48" alt="artus-siffre-poterie" border="0"/>
        </a>
        <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage                ('Image1008','','images/icone-hover/Pot-chinois.jpg','Image1000','','images/Pot-chinois.jpg')"><img src="images/icone/Pot-chinois.jpg" name="Icone-artus-siffre-accueil" id="Image1008" width="48" height="48" alt="artus-siffre-poterie" border="0"/>
        </a>
    </li>
    <a href="photos-atelier-artus-siffre.php" target="_self" class="actualites-invitation-faienceries-montpellier" style="font-size:12px">
		Voir toutes nos photos
	</a>    
</div>

Merci pour vos lumières !
Modifié par Elizeuh (12 Oct 2012 - 14:21)

Salut,

Je ne vois pas suffisamment l'image pour déduire la cause de ce petit espace, ça serait bien de la mettre en plus grand (ou un exemple en ligne c'est encore mieux) et de nous filer le CSS incriminé.

Peut être :

li {
   list-style-type: none;
}

le css :

#bande-icones-index-artus-siffre-faienceries
{margin-top:0px;
width:102px;
float:left;}

et l'image plus grande

Bonjour,

Ça ne résoudra peut-être pas ton problème, mais en cas d'espace sous les images, la solution habituelle est de les mettre en display: block.

http://www.alsacreations.com/astuce/lire/52-espaces-sous-les-images.html
http://www.alsacreations.com/actu/lire/114-espaces-indesirables.html

Bonne continuation.