Firefox, images et redimensionnement CSS : la bordure fantôme

Bonjour,

Voilà un souci que j'ai pu constater de temps à autre sous Firefox 3 et qui me cause des ennuis pour mon site actuel. Je pensais qu'une explication existait déjà mais je n'ai rien trouvé nulle part.



Comme vous pouvez le voir dans l'image ci-dessus, il y a des bordures qui apparaissent autour de l'image (et pas autour du lien ou du block conteneur, j'ai vérifié), et elles apparaissent seulement pour les images redimensionnées avec CSS et pas les autres. Plus fort encore, elles n'apparaissent que sous Firefox, et pas à tous les coups (sur certaines machines le problème n'était pas présent).

Côté CSS, l'image elle-même, ainsi que ses conteneurs, ont un padding à 0, border à 0, etc. Même en désactivant presque tous les styles CSS ainsi que JavaScript, la bordure apparaît toujours. Dès que je modifie le style d'une des images de la page pour y changer l'attribut CSS "width", la bordure apparaît. En le supprimant, elle disparaît... Je ne comprends pas

Une idée ?

Salut,

Tu as essayé avec :

outline:none;

?

Oui, avec

outline: none;

et

outline-style: none;

sans succès...
Ce qui est étrange, c'est que sur deux machines différentes, utilisant la même version de Firefox et le même système d'exploitation, la bordure peut apparaître sur l'un et pas sur l'autre. J'ai eu également des retours d'autres personnes qui me confirment le problème sur leur machine.

Bonjour,
Je me retrouve dans la même situation depuis le passage à firefox 3. Jusqu'à présent j'avais laissé le problème de côté mais j'aimerai bien corriger le tir aujourd'hui.
Avez vous trouvé une solution ?

Merci

MilkaJinka a écrit :
il y a des bordures qui apparaissent autour de l'image (et pas autour du lien ou du block conteneur, j'ai vérifié), et elles apparaissent seulement pour les images redimensionnées avec CSS et pas les autres

Le meilleur moyen de résoudre ce problème est de créer une image aux dimensions voulues, plutôt que de redimensionner en CSS ou en (X)HTML.