[CSS] "léger" soucis sous Firefox : images invisib

[cedric_g]

Bonjour

J'ai modifié un poil mon site pour générer les encadrements de mes photos sur mon site, mais je rencontre un problème aberrant sous Firefox... Il faut que je clique sur l'image pour la faire apparaître (et ce n'est pas la peine la seconde fois !)


Mon code CSS

#image img {
	background: #000000;
	padding: 2px;
	border: #ffffff solid 1px;
}

#image a {
	border: #000000 solid 15px;
	display:-moz-inline-box;
	display:inline-block; 
}

et mon code HTML :

<div id="image">
<a href="photos-oiseaux.php?page=2"  >
<img src="http://photos.chatterie-koolkat.com/photos/2046-pic-epeiche.jpg" alt="Pic épeiche mâle" />
</a>
</div>

Et ça donne ça :x


(Sous IE ça marche nickel chrome...)

Le but est de faire une triple-bordure (une double, ce serait trop simple :mrgreen: )

 

[cedric_g]

J'ai tenté de remettre sous forme de "class" (modif profonde de mon code :roll: ) au lieu d'une balise id... Même résultat !

J'ai pourtant "recopié" MOT POUR MOT un exemple trouvé sur le web, qui lui fonctionne PARFAITEMENT.

J'sus vert.



Je me demande si ce n'est pas un problème de cache (j'utilise CacheLite) ; en effet, une fois l'image affichée, ça marche ensuite :?:

Idem si on se contente de rafraîchir la page

Sous IE, aucun soucis :twisted: 8O

 

[cedric_g]

Bon, dans l'attente d'une éventuelle solution, j'ai finalement remis 2 bordures "seulement" !