Добрый вечер, уважаемые! Несколько дней безрезультатно бьюсь над следующей задачей: есть потребность сделать следующую раскладку или как это правильно называется: Сейчас это сделано так: <div id="container"> <div id="blok1">1</div> <div id="b23-container"> <div id="blok2">2</div> <div id="blok3">3</div> </div> <div id="b45-container"> <div id="blok4">4</div> <div id="blok5">5</div> </div> </div> и css: #container { position: absolute; top: 63px; width: 100%; height: 100%; border: 1px solid #aaaaff; background-color:#eeeeff; } #blok1 { position: absolute; top: 1px; bottom: 1px; left: 1px; width: 225px; border: 1px solid #aaaaff; background-color: #ffffff; } #b23-container { position: absolute; top: 1px; bottom: 1px; left: 229px; width: 425px; } #blok2 { height: 221px; margin-bottom: 1px; border: 1px solid #aaaaff; background-color: #ffffff; } #blok3 { height: 222px; border: 1px solid #aaaaff; background-color: #ffffff; } #b45-container { position: absolute; top: 1px; bottom: 1px; right: 1px; left: 655px; } #blok4 { height: 221px; margin-bottom: 1px; border: 1px solid #aaaaff; background-color: #ffffff; } #blok5 { height: 222px; border: 1px solid #aaaaff; background-color: #ffffff; } Однако изначально идея состояла в том, чтобы жеско задавать размеры только внешнего блока, а так же ширину блоков blok1 и b23-container, а все остальное должно быть относительно. При попытке так сделать, внутренние блоки, за счет margin и border, вылезают за границы внешнего блока, да и не получается кросброузерного решения... Есть ли возможность все же сделать так, как описано в предыдущем абзаце?