И к сожалению мы вернулись к тому к чему пришли.
если я устанавливаю container над той областью, которая мне нужна
<div id="container">
<div id="container-inner">
<div id="right">{firm}</div>
<div id="hierarhy">{menu_hierarhy}</div>
<div id="hierarhy">{content}</div>
</div>
</div>
то высота больше чем 100%, за счет тех элементов, что висят выше. Если я устанавливаю, скажем 80%, то при одном разрешении вписывается, при других высотах экрана или не хватает или переваливает.
Если я запихиваю в контейнер
<div id="container">
<body>
..... здесь набирается процентов 30% по высоте
<div id="container-inner">
<div id="right">{firm}</div>
<div id="hierarhy">{menu_hierarhy}</div>
<div id="hierarhy">{content}</div>
</body>
</div>
то фоновая картинка распространяется на весь документ, что а мне нужно, что бы фон распространялся на часть документа от середины примерно до низа при любом разрешении. ЯЯ думаю помогло бы расположение фона по определенным координатам, например bacground-repeat-x:, но он только в ie существует