[résolu]Décalge vers le bas avec IE 6

Salut

toujours mes problèmes ave IE 6. J'ai un menu et sur la droite mon texte

<div id="container">
		<div id="content">
		
			
<div id="cadre">
	<div id="bloccadre">

		<ul>
			<li><a href="/pages/ckoi" class="current">Qu'est-ce que weXpay ? </a></li>
			<li><a href="/pages/cmarche">Comment ça marche ? </a></li>
		</ul>
	</div>
</div>

			
<div id="contenu">
	<img src="../images/schema_marchands.png" width="563" height="158" alt="Schema Marchands" style="margin-bottom: 10px">
</div>

mon css

/*-----------------------------------------------------------------------------------------------
  sidebar
-----------------------------------------------------------------------------------------------*/
div#cadre {
	width: 217px;
	padding-top: 28px;
	background: url(../images/bloc_menu_01.gif) top left no-repeat;
	float: left;
}

div#bloccadre {
	background: url(../images/bloc_menu_02.gif) bottom left no-repeat;
	padding-bottom: 28px;
}

div#bloccadre ul {
	font-family: "Lucida Grande", Verdana, sans-serif;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
	width: 100%;
	list-style: none;
	font-size: 0.79em;
	font-weight: bold;
}

div#bloccadre li {
	margin-bottom: 8px;
}

div#bloccadre li a:link, div#bloccadre li a:visited {
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	padding: 0 0 0 15px;
	color: #FFF;
}

div#bloccadre li a:hover{
	color: #8cc63f;
}

div#bloccadre .current {
	background: url(../images/fleche.gif) no-repeat;
	color: #8cc63f;
}

#contenu {
	text-align: left;
	margin-bottom: 0;
	padding-left: 45px;
	padding-right: 25px;
	margin-left: 217px;
}

Quand je met une image dans la colone droite celle ci est est décalée vers le bas.

J'ai essayé ca
img {
vertical-align: top;
}
mais ca ne change rien

Merci
Modifié par bolo (17 Jan 2007 - 13:27)

Un petit exemple en ligne pour qu'on y voie un peu plus clair ?

Non malheuresement.

mais depuis que j'ai mis un float également sur l'image. Je n'ai plus de décalage.