Bonjour, j'ai quelque soucis pour que la hauteur de ma div augmente en fonction de mon contenu.

Il me faut une div qui fassent au moins 300px de haut et si le contenu est trop grand, la hauteur de la div augmente.

Pour cela :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<div id="contenu">
	<div id="contenu_h"></div>
	<div id="contenu_m"><p>grand contenu</p></div>
	<hr class="separation" />
	<div id="contenu_b"></div>
</div>
et ma CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
#contenu_m {
	background:url(/images/contenu_m.gif) repeat-y ;
	width:765px;
	height:300px;
}
#contenu_m p{
	padding:5px 15px;
}
.separation {
	clear:both;
	visibility:hidden;
}
#contenu_b {
	background:url(/images/contenu_b.gif) no-repeat;
	width:765px;
	height:12px;
}
et voici le résultat

Comme d'hab, IE augmente la hauteur (pas normal d'ailleurs) mais pas Opéra ni FF. Je sais qu'il y a une bidouille mais je m'acharne et je ne trouve pas.
Si quelqu'un a une idée.
Merci.