поместил все в контейнер, который растягивается на 100 % по высоте страницы.
#container {
min-height: 100%;
background-color: #DDD;
width: 100%;
margin: 0 auto;
}
* html #container {
height: 100%;
}
<body>
<div id="container">
...
<div id="content">
<div id="right">{firm}</div>
<div id="hierarhy">{menu_hierarhy}</div>
<div id="hierarhy">{content}</div>
</div>
</div>
</body>
для фаерфокс сработало такое
#content {
position:fixed;
width:-moz-available;
margin: 10px 0px 0px 250px;
background:url(dataimg/fon_car.jpg);
border-style:double;
padding: 0px;
background-color: #ffffff;
height:100%;
}
а для остальных нет.
в общем каким образом можно растянуть див (content) по высоте примерно от середины страницы до низа родительского блока container