Marges fantômes

[Blix]

Salut tout le monde,

je voudrais pouvoir faire un carré de 3 x 3 vignettes parfaitement juxtaposées. C'est à dire sans marges.

X X X
X X X
X X X

Pour les marges latérales entre les vignettes aucun problème, j'ai amadoué le css.

Par contre il reste une marge de 3px au dessus de chaque vignette de la deuxième troisième ligne et impossible d'annuler cette marge par le css. J'ai tout essayé.

X X X_
X X X_
X X X

Le mystère s'épaissit quand on s'aperçoit que tout rentre dans l'ordre en ométtant le doctype ou en utilisant un doctype XHTML Transitional au lieu de Strict.

Par contre IE n'interprete pas de la même façon, donc il faut absolument que je garde le Strict.

Des idées ? Je précise, si besoin est, que je suis sous Firefox.

[Blix]

Trouvé ! Désolé pour le bruit ...

Solution : les <img> ne fonctionnent pas comme les div (display:block), il faut donc préciser le display:block et tout va bien.

Par contre j'ai du revoir un peu la mise en page de mon carré 3 x 3 et au final ça donne ça :

<div>
 <div id="col1">
  <img ... />
  <img ... />
  <img ... />
 </div>
 <div id="col2">
  <img ... />
  <img ... />
  <img ... />
 </div>
 <div id="col3">
  <img ... />
  <img ... />
  <img ... />
 </div>
</div>

CSS :

img {
 display: block;
}

#col1, #col2, #col3 {
 float:left;
}