Probleme de bloc sous FF OK mais pas IE

Bonjour,

IE commence a me sortir par les trous de nez
je m'explique

<!--Div conteneur-->
<div style="border-width: 1px; border-style: solid; border-color: blue; background: aqua; height:auto; ">
         <!--Div pour un titre-->
	<div style="height: 2em; background: blue; 
	border-style: solid; border-color: blue; boder-width: 2px; 
	margin: -1px -1px -1px -1px;">
titre1
	</div><!--FIn Div pour un titre-->

Voici du texte.<br/>
Deuxieme ligne.
</div><!--FIn Div conteneur-->
<!--Div conteneur-->
<div style="border-width: 1px; border-style: solid; border-color: blue; background: aqua; height:auto; ">
         <!--Div pour un titre-->
	<div style="height: 2em; background: blue; 
	border-style: solid; border-color: blue; boder-width: 2px; 
	margin: -1px -1px -1px -1px;">
titre2
	</div><!--FIn Div pour un titre-->
Blabla.<br/>
Deuxieme ligne.
</div><!--FIn Div conteneur-->

J'ai mis volontairement le CSS comme attribu dans les div.

Sous FF aucun probleme tout s'affiche comme je le souhaite, par contre sous IE on dirait que le "border" du bas du DIV conteneur est presque tout en haut. Quand je determine la hauteur du DIV conteneur sa fonctionne sous IE, mais sa reste fixe, je voudrai que la hauteur s'adapte au contennu.

Si quelqu'un peut m'aider je le remercie d'avance.

Ps: en utilisant Dreamweaver en mode wysiwyg l'affichage est le meme que sur FF.
Modifié par CedriK (16 May 2006 - 21:21)

Salut

Ajoute

_height: 1%;
zoom: 1;

dans les styles de tes conteneurs

A+
Modifié par gege71 (16 May 2006 - 20:30)

En effet, sa fonctionne merci beaucoup.

Cependant les bloc sont collé un à l'autre, j'ai esseyer en mettant _height: 10%; pour tester mais rien du tout.

Il faut mettre soit
des marge (espace a l'exterieur du bloc)
ou un padding (espace a l'interieur du bloc)

A+

Tout semble fonctionner
Merci beaucoup pour ton aide précieuse.
Modifié par CedriK (16 May 2006 - 21:37)