Bonjour à tous !
 
 
 
Sous Internet Explorer avec le même code tout est bon (espacement entres les images et le titre "Masques" )
alors que sous Firefox quoi que je fasse (rajouter un div avec heigt: 20px; ou bien alors des <BR>; une margue ou du remplissage sur le <ul> ( galerie d'images) ) le titre "Masque" reste tout le temps colé à mes images.
On dirait donc que sous la balise </ul> il y a un problème.
 
Ce qui est drôle c'est qu'après le titre "Masque", tout marche à nouveau.
 
 
 
De plus, ma barre de défilement ne prend pas les couleurs que j'ai configuré en CSS et sous internet explorer le scrollbar-highlight-color ne veut pas fonctionner ( il me laisse toujours une couleur blanche).  
 
Pour finir et pour peut être réussir à regler ce bug, comment fait on pour indiquer un espace syntaxique en html (car j'arrive tout de même à créer un espace entre les images et "Masque" si j'écris quelque chose entre, dans des balises ) ?
 
Merci à tous !  

Et le code c'est faire pour les chiens
je pari que :  
tu as une construction de ce genre :  
<ul>
<li><a href="#"><img></a></li>
<ul>
 
le UL contient une ligne d'images et chaque LI est en float:left ? je me trompe ?
 
si tous les LI du UL sont floaté le UL prend 0 de hauteur, donc l'espace entre tes masques devient du coup "normal"
Entre temps si le problème est réglé sous IE cela vient peut etre du fait que tu as appliqué une propriété qui confère un layout au UL (height, width...)
Dans ce cas le UL fait la taille qu'il doit faire, car qui dit layout sous IE dit aussi : contexte de formatage appliqué à ce bloc.
Donc je te conseille de supprimer, largeur et hauteur appliquées au UL, et de rajouter ceci :  
 
ul {overflow:hidden; _overflow:visible; zoom:1} <== on rajoute le contexte de formatage pour tous les navigateurs et IE

Je te remercie beaucoup !
Même si je n'ai pas compris grand chose à la cause du problème, ça marche enfin !!