Bug IE/FF bloc trop large postionné en bas avec IE

hello,
voila mon problème, j'ai un bloc article qui contient du texte et une image pile à la taille d'une autre div, sous FF position div article ok, c'est à dire en haut de la page, mais sous IE le bloc article est relégué vers le bas.. surement à cause de l'image qui est trop large..
si vous avez des pistes sur ce pbl je serai ravis de vous lire
le css est un peu long à poster ici alors je vous link le site sur lequel je travail
http://dublin-bicycle.info/sci.html

Le problème se situe sur cette div :

<li class="article">
		<img src="http://p-sci.duael.fr/resources/article/vignette_sci4.jpg" alt="" class="vignette" />
		<h2>Les nouvelles technologies au secours de la gestion des risques. Le cas particulier des feux de forêts</h2>
		<p class="resume">
			Le secteur de la sécurité incendie n'échappe pas aux nouvelles technologies et les acteurs de la prévention, comme de l'opérationnel, en sont de fervents utilisateurs. Mais de nombreuses questions se posent autour de ces nouveaux outils. Polémiques et réflexions à partir d'un exemple concret : la gestion de la lutte contre les feux de forêts.
		</p>
		<p class="knowMore">
			<a href="/article/46/aaaaa.html">Lire l'article</a>
		</p>
	</li>

avec ceci comme css spécifique à cette div :

ul.article {
	list-style-image: none;
	list-style-type: none;
	margin: 0;	
	padding: 0;
	}
	ul li.article {
	list-style-image: none;
	list-style-type: none;
	margin: 0;	
	padding: 0;
	}
	ul li.article img{
	list-style-image: none;
	list-style-type: none;
	margin:5pt 0px 0px -6px;	
	padding: 0;
	}