[Rés]Positionnement flottant: quand le bloc d'à-côté se décale sous I

Salut à tous!

En voulant m'inspirer de l'exemple des trois blocs côte à côte pour résoudre un problème d'affichage pour un site pro, j'ai réglé les CSS de la manière suivante:

#page {
  width: 720px;
  margin: 0 auto;
}
#sous-sous-menu {
  width: 170px;
  margin: 20px 0 0 0;
  float: left;
}
#corps {
  width: 550px;
  margin: 20px 0 0 0;
  float: left;
}

Partie HTML:
<div id="page">
  <div id="sous-sous-menu">
    <!-- Balises <ul> et <img> -->
  </div>
  <div id="corps">
    <!-- Corps de page contenant plusieurs blocs non neutres -->
  </div>
</div>

Sous Firefox et Opera, les deux blocs s'affichent côte-à-côte à la perfection. En revanche, sous Internet Explorer, l'élément "corps" s'affiche en-dessous de l'élément "sous-sous-menu".

Si j'omets de préciser la largeur de l'élément "corps", c'est tout l'inverse qui se produit: Internet Explorer qui fait afficher côte-à-côte et les deux autres qui applique le positionnement par défaut.

Que faire pour assurer l'affichage côte-à-côte partout?
Modifié par Victor BRITO (04 Oct 2006 - 12:53)

bonjour,

avec une page vide , le defaut n'apparait pas !

piste et rappel
pour les version IE 6 et infereieur , width et height sont comprises comme min-width et min-height .
Ce qui autorise IE a elargir sans prevenir afin d'afficher entierement le contenu "trop large".Resultat il est possible que l'un de tes conteneurs se trouve aggrandit , et ne disposant plus d'assez de place pour resté a coté , le second flottant glisse en dessous.
++

Salut!

J'ai trouvé le problème: j'avais défini, pour l'élément "sous-sous-menu", une marge extérieure gauche de 10 pixels pour IE (en gros, une bidouille du style * html #sous-sous-menu, qui passe chez le validateur CSS). En la supprimant, tout est rentré dans l'ordre.

D'ailleurs, cette marge, sous Firefox et Opera, aurait provoqué le même décalage.

Merci, tout de même.