Bug quand je redimensionne IE

Bonjour à tous je fais joujou avec les css en ce moment et un bug me résiste :
j'ai un menu flottant à gauche et div normal après tt se passe nickel que ce soit ss firefox ou ie cependant dès qu'on diminue un peu trop la taille de la fenêtre de ie mon div passe en dessous de mon menu ...
plus un autre bug très difficile à expliquer ... allez voir et mettez la fenêtre ie très peu large et vous comprendrez ! (allez j'essaye qd même, le fait que le premier item ne reste pas ds le "bon" div comme ss firefox)
extrait de source html:

<div id="navigation">
<div id="articles">
		<div class="item"  id="item1">
	<span id="titre">Test 1</span><br />
	<img src="image01.jpg"/><br />
	<span id="description">blabla 1</span><br />
	<span id="prix"><blink>50.00</blink></span>
	</div>
		<div class="item"  id="item2">
	<span id="titre">Test 2</span><br />
	<img src="image02.jpg"/><br />
	<span id="description">blabla2</span><br />
	<span id="prix"><blink>30.00</blink></span>
	</div>
		<div class="item"  id="item3">
	<span id="titre">Test 3</span><br />
	<img src="image03.jpg"/><br />
	<span id="description">Du texte</span><br />
	<span id="prix"><blink>10.00</blink></span>
	</div>
		<div class="item"  id="item4">
	<span id="titre">Test 4</span><br />
	<img src="image04.jpg"/><br />
	<span id="description">encore du texte</span><br />
	<span id="prix"><blink>2.00</blink></span>
	</div>
	<div class="spacer">&nbsp;</div>
</div>
</div>

css corespondant:

#navigation{
	background-color: #006699;
	text-align: center;
	margin-left:115px;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	width: 85%;
	padding: 5px;
}

#articles {
	background-color: #0099CC;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
}
.item{
	margin: 5px;
	float: left;
	width: 150px;
	text-align: center;
}

merci d'avance !
p.s vous pouvez voir ce que ça donne là :
http://yoan.hd.free.fr/modele/
Modifié par yoadsl (27 Mar 2006 - 17:25)