position:absolute; left:0px; right:0px - IE6

>position:absolute; left:0px; right:0px

заменить на:

position:relative; left:0px; width:100%

но боюсь это не спасет.

Хак: вытащить JS'ом ширину окна и выставлять ее в CSS'е при каждом ресайзе.

width: expression(offsetParent.offsetWidth + 'px');

большое спасибо, сделал уже

Что помогло:

1) От указания разных сторон у ИЕ6 сносит крышу - убираем

2) Ставим width:100%

3) Убираем margin у дочерних элементов, чтобы не съезжало. Родительское окно двигаем на необходимый margin

4) Все остальное позиционируем через отрицательные значения

абсолютное позиционирование -- зло. Что будет на другом разрешении экрана?

читать liquid css:

http://www.cssliquid.com/

см. пример про http://www.sitepoint.com/blogs/2007/12/20/stretchy-images-with-html-and-css/ (на разных разрешениях экрана, подвигай размер окошка браузера и смотри на картинку)

http://www.mardiros.net/liquid-css-layouts.html, и т. п. фгугл.

> 3) Убираем margin у дочерних элементов, чтобы не съезжало. Родительское окно двигаем на необходимый margin

у MSIE/не MSIE ЕМНИП, разные настройки "необходимого" magrin'a. Нужно заворачивать в css hack "только для MSIE"

>абсолютное позиционирование -- зло. Что будет на другом разрешении экрана?

интересное мнение. допустим страница занимает 950 пикселей в ширину. чем же плохо? или я вас не до конца понимаю.

На других разрешениях все замечательно, даже обнаружился приятный побочный эффект - сайт смотрится как задумывался даже при разрешении 640x480(и даже чуть меньше)

По поводу больших разрешений - надо бы поставить max-width для body(для IE с хаком, хоть и не люблю я это дело)

Все надо применять с умом.