Incompréhension différents problèmes affichage FF et IE

Bonsoir à tous,
Je poste après avoir passé ma journée à chercher le problème !
J'ai nettoyé mon css car il était très bofbof.
Seulement, maintenant, j'observe un décalage de deux éléments sous mon menu sous FF mais pas sous IE.
En outre, le centre passe sur le footer pourtant en clear:both pour casser le positionnement des flottants gauche et droite.
Pour être clair, voici l'adresse à visiter sous IE et FF: http://objectifsvt.free.fr
Merci de m'aider à résoudre ce probleme.
PS: J'ai exécuter toutes les indications de la FAQ. D'ailleurs, sous FF, lorsque je mets une bordure à toutes les div, elles se placent correctement. Dès que je les enlève, le décalage reprend...Incompréhensible.

Salut,

Pour le décalage, il s'agit d'une fusion des marges :
http://www.yoyodesign.org/doc/w3c/css2/box.html#collapsing-margins

Tu peux mettre, par exemple, un margin top nul à .cahier_texte p et à #haut h1 et le remplacer par du padding-top

.cahier_texte p, #haut h1 {margin-top: 0;}

idem dans .news. Là remplace le margin-top par du padding-top.

Concernant le problème avec le footer, ça irait mieux si tu enlevais height:14px; qui traine dans le bloc de déclarations de #centre

Bonne continuation
Modifié par Alan (08 Mar 2006 - 21:14)

Plus d'infos sur la fusion des marges (avec exemples visuels, parce que bon ça aide quand même !) :
http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html

Merci à tous les deux de vos réponses (surtout Alan pour son aide préciseuse).
Cependant, j'ai encore quelques soucis:
Sur la page leçon le soucis persiste sous #haut h1.
Comment centrer les <p>du #texte dans leçon...?
Comment centrer les <p> du .cahier texte p ?
Je galère...