Абсолютное позиционирование + JavaScript (px)

1024

  #content {
    background-color:#fff;
    border:#000 1px solid;
    position:absolute;
    top:5px;
    left:100px;
    width:590px;
    height:700px;
    z-index:2;
  }  

1152 (1024/0.88)

  #content {left:113px;width:665px;height:820px;}
  *html #content {width:667px;}
  html:root #content {width:671px;}

1280 (1024/0.8)

  #content {left:125px;width:750px;height:820px;}
  html:root #content {width:755px;}

Необходимый комментарий.
Для придания визуальной идентичности выбрана ширина контейнера области контента. Вы можете, с тем же успехом использовать feft и right, соотвествующих блоков. Главное соблюдать пропорции, что сделать совсем не трудно.

Нюанс.
Данные операции лучше проделывать при присуствии вертикальной прокрутки. Без нее для Opera и FireFox настройка будет не точной.

Хаки для IE6 и FF, только для понимания, каким образом можно доплнительно скомпенсировать разночтения браузеров.

Высота указана только для того, чтобы вызвать вертикальную прокрутку.

Проблемы с увеличением размера шрифта в OPERA остались. Поэтому поклонники данного браузера могу спокойно забыть о том, что есть такие стилевые правила, как position:absolute; и position:fixed; и кричать на всех углах, что на их основе верстать для OPERA макет страницы это глупость чистой воды.

Повторюсь, наиболее грамотная реализация имеет место быть в IE7.

1024

  
  #right {
    border:green 1px solid;
    position:absolute;
    top:5px;
    right:100px;
    width:200px;
    height:400px;
  }

1152 (1024/0.88)

  
  #right {
    right:113px;
    width:230px;
  }

1280 (1024/0.8}

  #right {
    right:125px;
    width:250px;
  }