ETC
Обычно достаточно z-index прописать... Но не могу точно сказать т.к. не видно что у тебя в CSS.
По высоте 100% лучше не делать, а сделать фоном дива. Тогда - сколько контента, столько и рисунка будет. Или сделать контент скользящим по рисунку. Вот так:http://pekinmini.ru

CSS-файл можно было и из кода выдернуть...


Вот именно, я так и хотел. Но! Если не указывать высоту в надежде, что DIV-подложка будет расстягиваться сам наивно. Каждый из 3 браузеров понимают это по-своему. Firefox работает верно только при auto, Опера и IE делают высоту DIV-а равной 100% от высоты окна документа, а весь контент торчит из дива снизу. Потом, при таком раскладе тени сбоку становятся высотой в 15 пикселей. Firefox тоже этим развлекается, если указать 100%, то ему пофиг, что контент по высоте больше размера окна, он сделает DIV высотой именно в размер окна и не больше, остальной контент либо исчезнет сразу после окончания фона, либо будет торчать вниз... вот такие вот пирожки. Поэтому приходится подгонять под каждый браузер с помощью JS, но это всё ещё пока сыровато...

А куда он денется... Нужно делать вложение одного дива в другой. Причем в обоих должно быть auto. Но тогда POSITION: absolute; не пойдет... Интересная задачка... Я еще подумаю.
Это не есть "писать страницы правильно". Кроме того все равно не получается пока..

Вот именно, я так и делал. Но опять же, postion:absolute понимают по-разному. С одной стороны absolute во всех браузерах означает позицио относительно родительского DIV или любого другого тега, а relative - позиция относительно предыдущего DIV. Но вот при absolute DIV не подгоняется под размер родительского DIV, точнее подгоняется, но не везде, скорее наоборот выйдет за пределы...


Вот именно... а что делать?

Хотел посмотреть код, но не успел пока... Самый простой вариант это сделать фиксированную ширину контента+рисунки bg справа и слева. Из двух этих рисунков слепить один(шириной ~780, центр рисунка - цвет фона), сделать его bg и сделать большие отступы текста справа и слева. Т е объединить три дива в один шириной ~780рх. Не подходит тебе такой вариант?\n\n(Добавление)
Используя postion:absolute ты разрываешь связи дивов между собой...

Как раз нет, меняется "относительность" просто. И относительность не ко всему документу, а родительскому DIV.


Не подходит, шапка сверху нужна плюс DIV подряд три штуки расположить нелегко, не говоря уже о их высоте.

Я этого не предлагал... Хотя можно. Даже где-то инструкцию по отображению разными браузерами читал. Но про высоту там точно не было ни слова.
Наверно ты меня не понял. Фиксированная ширина контента+менюшки тебя устраивает? Естественно шапка - тоже. Меняться будет ширина полей с bg в виде вертикального градиента.

В том-то и дело, что ширина контента должна плавать под разрешение экрана...
Собственно оригининал страницы http://www.gumir.ru
Я просто пытался перевести на DIV. Получилось, но не всё, баги вы и сами уже видели...

Да, забыл сказать, что position:absolute действует только на позицию див относительно родительского, либо предыдущего дива или тега (relative), но не влияет на размеры этого самого дива... и вот будет родительский при absolute ДИВ подгонятся под внутренний по размеру или нет - зависит от браузера, что и не есть гут.

Правильно. А для того чтобы этого не было не надо использовать position:absolute. Полемика... Не вовремя ты с вопросом... У меня зимой времени вагон, а сейчас - никак.
С моей точки зрения это все интересно, но до тех пор пока браузеры по разному понимают этот код, очень широко он не распространится. Это можно "для себя" помучиться, а большинство сайтов - шаблоны. Так было, есть и будет. Никому не надо "На заказ" делать сайт на дивах. Открывается - и ладно...

Я этого не делаю. Но собираюсь переходить на DIV.


Тогда получается замкнутый круг. При relative не задашь нормально позицию