Не вытягивается див, не могу придумать как

[SibBear]

Не работает в Опере и Мозиле. Divmiddle должен растягиваться вместе с divright поидее, но не хочет

<style type="text/css">

#divbox {
position: relative; 
margin: 0 auto;	
padding: 0; 
width: 400px; 
top: 0px"
}

#divtop {
width: 400px;
height: 30px;
background: #F00;
}

#divmiddle {
width: 400px; 
min-height: 300px; 
background: #F0F;
}

#divbottom {
width: 400px; 
height: 30px; 
background: #00F;
}

#divleft {
float: left;
width: 200px; 
height: 300px;
background: #FF0;
}

#divright {
float: left;
width: 200px;
height: 30px;
background: #0FF;
}


</style>

<div id="divbox">
	<div id="divtop"> </div>
	<div id="divmiddle">
		<div id="divleft"> </div>
		<div id="divright">
			dfghdfgh<p>dfgh</p>
			<p>dfghd</p>
			<p>fgh</p>
			<p>dfg</p>
			<p>hd</p>
			<p>fgdf</p>
			<p>gdfg</p>
			<p>fgh</p>
			<p>sdfgs</p>
			<p>fsdfs</p>
			<p>fd</p>
			<p>sdf</p>
			<p> 
		</div>
	</div>
	<div id="divbottom"> </div>
</div>

[yopopt]

Как же он будет растягиваться если у него установлена фиксированная высота?

[SibBear]

Извиняйте. Там был min-height. Опечатка.

Вот теперь не работает.

Что делать?

[Azadi]

А какое поведение макета подразумевалось? Просто у вас я заметил 2 нестыковочки.

1). У #divright прописан height: 30px. IE обрабатывает параметр height так же, как FF и Opera обрабатывают min-height. Поэтому текст ведет себя так, как должен - выходит за рамки. Ставьте min-height: 300px короче

2). Вы изъяли из нормального потока #divleft и #divright при помощи float:left, а очистить их забыли... IE на это пофик т.к. явно указана высота этих блоков.

Предлагаю вам прописать в стилях

#divmiddle:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

и еще clear:both для #divbottom в догонку