Positionnement des éléments dans un CSS

Bonjour à tous,

J'ai un nouveau problème (le premier n'a pas trouvé de réponse, mais j'ai trouvé un bypass pour le solutionner).

Il est lié au tuto expliquant le positionnement des éléments. Dans la partie permettant de positionner un bloc dans un autre

Partie HTML :
<div class="conteneur">
   <div class="bloc">bli bli bli</div>
</div>


Et la CSS correspondante :
.conteneur {
background-color: blue;
height: 100px;
width: 100px;
}
.bloc {
background-color: yellow;
height: 50px;
width: 50px;
margin-left: 20px;
margin-top: 40px;
}

, je n'ai pas le comportement attendu sous FF.
Tout mon bloc conteneur est décalé par le margin-top du .bloc o_O...
A contrario, le margin-left est OK lui.

J'ai le même problème avec Opera, mais je ne l'ai pas sous IE.

Mon but, à terme, est de faire un menu où chaque item est positionné dans un bloc conteneur de façon individuelle.

Merci de votre aide.
Modifié par Satanas147 (05 Dec 2006 - 16:14)

Ah oui, merci de me l'avoir fait remarquer.
Il s'agit d'une erreur dans le tutoriel : il faut positionner l'élément à l'aide des marges internes (padding), sinon on assiste à un comportement normal de fusions de marges :
http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html

De rien

EditD'ailleurs, à ce propos, le tuto pourrait être enrichi avec un item en plus: positionner deux blocs individuellement dans un conteneur.
Modifié par Satanas147 (05 Dec 2006 - 17:10)