[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

Code: Tout sélectionner

#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 :

Code: Tout sélectionner

<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


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

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

[cedric_g]

J'ai tenté de remettre sous forme de "class" (modif profonde de mon code ) 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

[cedric_g]

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