Problème de marge inférieure avec un div

Bonjour,

Voici le petit design que je suis en train de faire :

http://sylsau.webmaitrise.com/test/question.htm

le fichier CSS associé se trouve ici : http://sylsau.webmaitrise.com/test/styles/defaut.css

J'ai encadré le div nommé "corps" pour bien montrer qu'il n'a la taille que je souhaite qu'il ait.
Ainsi, j'aimerais que ce div ait une hauteur qui s'adapte à la taille du div "a decouvrir" mais là ce n'est pas le cas. Comme on peut le voir la page, le div "a decouvrir" dépasse du div qui le contient.

Pourtant dans les propriétés CSS associées au div "a decouvrir", j'ai mis la propriété suivante :

margin-bottom : 40px;

Je pensais qu'avec ça ça obligerait à toujours laisser une marge extérieure de 40 pixels entre le div "a decouvrir" et son div conteneur "corps".
Mais apparemment, je devais mal penser puisque ça ne fait pas ça.

Quelqu'un saurait quelle propriété je dois modifier pour pouvoir obtenir ce comportement ?

Merci d'avance de votre aide.

Sylvain.

Salut

Quand tu utilises des flottants, ils sortent du flux, et n'interviennent plus dans le calcul de la hauteur ... Voir dans l'indispensable FAQ ...

Merci bien.

J'avais pas encore testé cette FAQ mais elle me paraît pas mal du tout .
Je m'y pencherais dessus la prochaine fois que j'aurais une question de débutant