28173 sujets

CSS et mise en forme, CSS3

Bonjour, j'utilise un menu tout ce qu'il y a de plus simple, j'en met dans tous mes sites

CSS
:
 #menu {
     float : left;
     width: 180px;
 }

#corps {
   margin-left: 190px;
   background-image: url("img.jpg");
  }

#haut_corps {
  background-image: url("img2.jpg");
  }


Seulement, l'image du #haut_corps, même si elle s'affiche impécablement sous Firefox, ne s'affiche pas du tout à sa place sous IE, c'est à dire 2px de trop à droite (comme si le float du menu décalait mon #haut_corps mais pas mon #corps)

Je précise la structure de la page :

[code]
<div id="menu"> .....</div>

<div id="corps">
<div id="haut_corps"></div>
...
</div>

Je précise aussi que j'ai essayé d'afficher haut_corps en dehors du corps (juste au dessus donc) et le problème est identique : le float "pousse" haut_corps d'un pixel de plus que "corps"...