Espace entre Img et Div sous firefox

Bonjour à tous,

j'ai débuté une ébauche d'un site pour mon géniteur mais je suis dors-et-déjà confronté à un problème graphique sous firefox (que je ne retrouve pas sous IE).

=> une discontinuité entre une banner et le corps du site apparait alors que tout cet ensemble ne devrait former qu'un seul bloc.

J'ai donc cherché sur google et sur ce site, il semblerait que ce genre de problème soit très courant. Cependant je ne réussis pas à adapter les solutions apportées, quand elles l'ont été, à mon présent cas - sans doute également par manque de connaissance dans ce domaine.

la page est celle-ci :

page html

et le code css est celui-ci:

code css

en esperant que vous me guidiez ici.

merci d'avance pour votre aide!

EDIT: ah oui c'est rigolo ça quand je le mets sous lycos la séparation n'est plus, alors qu'en local elle y est toujours... j'y comprends plus rien T_T

EDIT2: voila le pack pour que vous puissez regarder ce que ça donne en local

http://membres.lycos.fr/perlesdenis/site/sfsdf.rar

Citation:

---

Envoyé par LoTiS

EDIT: ah oui c'est rigolo ça quand je le mets sous lycos la séparation n'est plus, alors qu'en local elle y est toujours... j'y comprends plus rien T_T

---

C'est probablement parce que Lycose a la mauvais idée de rajouter un script tout en haut de ta page, avant le doctype, qui fait rester les navigateur en mode quirks plutôt que d'adopter le mode standard. Perso je te conseille donc de changer d'hébergeur.

Normalement un display:block sur ton image devrait résoudre le problème:

Code:

---

1 2 3

#banner img{ display:block; }

---

roh c'est magnifique, splendide, une merveille pour les mirettes.

merci à toi.

ps: lycos ne me sert que d'hebergeur "poubelle" où je mets un peu tout et n'importe quoi... c'est clair que c'est pas un super hebergeur...