Décalage de div sous IE 7

Bonjour,

je n'ai pas trouvé de problème similaire dans les archives, pourtant je pense que le problème est déjà apparu.

Bref, voilà ce qui m'amène :

mon en-tête est la superposition de 2 images, or, si sous firefox et opera, l'affichage correspond à ce que j'attend, sous IE7 l'image que je superpose part complètement sur la droite.

voici les parties de code :
HTML

<div id="Entete">
<div id="banniere"></div>
</div>
</div>

et le CSS :

#Entete {
   width: 1000px;
   height: 282px;
   background-image: url("entete.jpg");
   background-repeat: no-repeat;
   text-align: center;
   margin-left: 25px;
   margin-right: 25px;
   }
   
#banniere {
position: absolute;
width: 417px;
height: 200px;
background-image: url("banniere.jpg");
background-repeat: no-repeat;
margin-left: 35%;
}

Je débute en CSS, alors je sais pas trop si l'imbrication des <div> est bonne. surtout que je voudrais aussi placer un menu horizontal dans cette en-tête.

Bref, si quelqu'un pouvait m'expliquer pourquoi l'affichage sous internet explorer est mauvais, ou alors me dire s'il existe une meilleure méthode.

Merci.

bon, euh,

le problème semble corrigé en remplaçant le margin-left de la bannière par un left.

Je croyais avoir pourtant déjà essayé.

Par contre est-ce que c'est la bonne solution ?