Geckozone

Salut, j'ai un léger probleme et je ne sait pas du tout comment le regler.
Alors le code :

<html>
<head>
<style type="text/css">
body
{
	margin: 0;
	background-color: #000000;
	color: white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}


.barres_grandes
{
	text-align: center;
	width: 300px;
}

.barres_moyennes
{
	text-align: center;
	width: 200px;
}

.barres_petites
{
	text-align: center;
	width: 100px;
}

.barre_rouge{
	color: #CCC;
	/*background-color: #FF0000;*/
	height: 12px;
	float: left;
	background-image:url(img/stats/red.png);
	background-repeat: repeat-x;
}

.barre_verte{
	color: #EEE;
	height: 12px;
	float: left;
	background-image:url(img/stats/green.png);
	background-repeat: repeat-x;
}

.barre_grisec{
	color: #FFF;
	height: 12px;
	float: left;
	background-image:url(img/stats/grisec.png);
	background-repeat: repeat-x;
}

.barre_grisef{
	color: #FFF;
	height: 12px;
	float: left;
	background-image:url(img/stats/grisef.png);
	background-repeat: repeat-x;
}
</style>
</head>
<body>

Connectés 
<div class="barres_petites">
 <div class="barre_grisef" style="width:4%">&nbsp;</div>
 <div class="barre_grisec" style="width:96%">1</div>

</div>
<br />
Inscrits
<div class="barres_petites">
 <div class="barre_grisef" style="width:100%">&nbsp;</div>
 <div class="barre_grisec" style="width:0%">10</div>
</div>
<br/>
 Vie
<div class="barres_grandes">
  	 <div style="width:0%" class="barre_rouge">&nbsp;</div>
  	 <div style="width:100%" class="barre_verte">200/200</div>
</div>

</body>
</html>

Mozilla (tout est ok), Internet Explorer (bien sur, ca merde):

Si quelqun pouvait me donner un truc pour que ca rende pareil sous ie ...
merci !

Tout d'abord en mettant un doctype, et en vérifiant que ton code est valide. (et il ne l'est pas)

Ensuite je pense que ça ne marchera toujours pas parce que IE est incapable de gérer plusieurs float en même temps, donc il faudra utiliser un positionnement absolu.

j'ai mit ici qu'une partie du code, du moins juste un code de test, le code du site lui a un doctype, et ca m'étonerai qu'il sois entierement valide quand même.

Donc je vais devoir utiliser le positionement relatif :/ bha ok merci

Geckozone

Probleme de dimmensionement de div.

Probleme de dimmensionement de div.