[решено] Высота контейнера и его заливка

System Failure · Конфигурация компьютера

в общем определил, что такая ошибка имеет место быть в фаерфоксе. в ИЕ вроде все как и теоретически должно быть. вот упрощенная модель той-же ошибки, собственно:

HTML код:

<html>

<head>

<title></title>
<style>
 #content
 {
 position:relative;
 clear:both;
 color:#FFFFFF;
 width:100%;
 height:500px; 
 background:#999999;
 background-color:#80807e;
 }
  	#content #maincolumn
 	{
 	background-color : #FF8080 ;
 	background : #FF8080 ;
	float:right;
 	width: 65%;
 	}
</style>
<script language="javascript" type="text/javascript">
function fillWithHTML()
{
document.getElementById("maincolumn").innerHTML="<br>1<br>1<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>1<br><br>1<br><br><br><br><br><br><br><br><br><br>1<br><br><br><br><br><br><br>lol";
}

</script>
</head>

<body>

<div id="content"><div id="maincolumn"></div></div>
<input type="button" value="click" onclick="fillWithHTML()">

</body>

</html>

как мы видим, высота заливки родительского контейнера не расширяется, при наполнении дочернего объекта, контентом, по высоте превосходящим родительский объект.

таким образом приходится в JS добавить строчку, динамически изменяющую высоту родительского объекта:

HTML код:

document.getElementById("content").style.height=document.getElementById("maincolumn").offsetHeight+10;