Décalage d'une image

Bonjour à tous,

J'ai un petit souci de décalage sous IE en dessous d'une image.

Voici l'exemple :

Comme vous pouvez le voir en dessous du rectangle gauche j'ai un décalage d'un pixel. Alors que sous les autres navigateurs je n'ai pas ce soucis!

voici le code html

<div class="headertop">
<a class="noDeco" href="index.jsp"><img class="logo" src="common/images/header/header_logo.jpg"/></a>
</div>

et la css

div.headertop{
      position: relative;
      background:url(../images/header/header_bg.jpg) repeat-x bottom left;
      width:950px;
      height:96px;
      margin:0;
      margin-left:auto;
      margin-right:auto;
      padding-top:20px;     
}
 
.logo{
      display:block;
      height:79px;
      width:223px;
      z-index:2;
      outline:none;
      border:0px;
      float:left;  
} 
 
a.noDeco{
      outline:none;
     }

J'ai besoin d'un peu d'aide là parce que je ne sais pu ou chercher...

Merci
Modifié par etouicmoi (13 May 2011 - 10:09)

Bonjour,

J'ai un peu de mal à comprendre quelle image est le logo et quelle image est le bg.

ha oui forcement! c'est vrai que c'est pas très clair.

Le logo c'est le carré du haut et le header_bg.jpg c'est la bande bleu qui prend la longueur. Celle qui est répétée...

Et si tu ajoutes un display: block sur l'image ?

EDIT: Fais comme si j'avais rien dit
Modifié par jb_gfx (13 May 2011 - 11:04)

Bon ben j'ai testé sous IE 7/8 et 9 et je n'ai aucun décalage entre le logo et le menu. Tu es sûr d'avoir un Doctype valide et pas d'erreur de validation ?
Modifié par jb_gfx (13 May 2011 - 11:11)

Oui je sais que sur IE7 8 9 mozilla chrome tout fonctionne correctement. C'est uniquement dans IE6 que ca ne marche pas.
Je pensais à un style qui n'est pas compatible avec IE6 mais je ne sais pas lequel?

Aucun décalage sous IE6 non plus...