Positionnement colonne et image

[boulon]

Bonjour j'ai une image, dans une colonne de droite, qui est bien positionné dans tous les navigateurs sauf dans internet explorer 6, où la colonne et l'image sont trop à droites.

Pouvez-vous m'aidez?

Voici le code:

		<div id="corps">
			<div class="col-gauche"></div>
			<div class="col-milieu3"></div>
			<div class="col-droite2">
				<div class="photoChercheur">
					<img id="viceP" src="img/photo.jpg"/>
				</div>
			</div>

et le code css pour ces éléments:

#corps{
	position:relative;
	}
.col-gauche {
	float:left;
	width:150px;
	margin:0;

	}
.col-milieu3 {
	float:left;
	width:412px;
	margin:0;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	padding-left:30px;
	padding-right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:350px;

}
.col-droite2{
	float:left;
	width:130px;
	height:50px;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:110px;
	height:50px;
}
.photoChercheur {
	position:relative;
	left: 30px;
}
#viceP {
	 width:105px;
	 height:114px;
	 border: 1px solid #666666;
	 Padding: 10px 10px 10px 10px;

	}

[MarvinLeRouge]

Salut,

Tu aurais une page avec le problème visible, stp ?

[steph13]

Salut,

Pour ce qu'en j'en sais, IE6 gère les padding et margin à sa façon.

As tu tenté de modifier un peu cela pour voir ce que cela donnait ?

J'ai eu des problèmes similaires, et je m'en suis sortis en utilisant un hack dans le quel je définis des margin et/ou padding spécifiquement pour IE6.

Par ailleurs, plutôt que d'ecricre :

padding:10px 10px 10px 10px;

Il est d'usage d'écrire

padding:10px;

Cela revient au même, mais en plus court.

Par ailleurs, un petit lien ne ferait pas de mal pour visualiser le problème.