Préscision sur le positionnement Relative et Absolute

Bonjour,
J'ai commencé à refaire mon site internet (http://nudd.free.fr) et je suis tombé sur un pbleme (sur IE mais pas FF). Le menu déroulant apparessait sous la zone de texte??
Voici le morceau de code initial:

#corps /*zone de texte centrale*/
{
  position: relative;
  float: left;
  height: auto;
  width: 639px;
  margin-top: 2px;
  margin-left: 2px;
  padding: 5px;
  border: 1px #000 solid;
  background-image: url("./../img/fond1.gif");
}

#menu
{
  position: relative;
  float: left;
  height: auto;
  width: 150px;
  margin-top: 2px;
  padding: 0px;
  color: #fff;
  border: 1px #000 solid;
  background-image: url("./../img/Menu.jpg");
}

avec par la suite le code présent dans le tuto de Alsa. pour le menu déroulant.

Je l'ai résolut ce pbleme en enlevant les mots clefs "position: relative;" dans menu et corps. Ma question est: "Pourquoi cela ne fonctionnait pas sous IE?" car cela ne me semble pas logique ou sinon "y a t'il quelque chose que je n'ai pas compris dans le positionnment CSS?"

Voila merci pour vos réponses...
Modifié par NuDD (24 Feb 2006 - 11:46)

Plop,

De toute évidence, un float et position n'ont rien à faire ensemble. Ce sont deux méthodes de positionnement différentes. Il n'est pas étonnant que IE y perde pieds.

Pour approfondir ces questions de positionnements, je ne peux que t'encourager à (re?)parcourir Cet article