позиционирование от верха для резинового шаблона

[devadas]

Доброе время суток!

Не удается задать относительное значение для параметра top, чтобы основная часть сайта смогла подстраиваться под разную высоту мониторов.

    html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Verdana";
    font-size: 12px;
    color: #090733; /*основной цвет текста сайта */
    /* background-color: #365401; */
    }

    #background{top:0;left:0;width:100%;height:100%;position:fixed;z-index:-1}

    #wrap {
    width: 100%;
    min-width: 980px;
    position: relative;
    }

    /* основное содержимое */
    #content {
    position: absolute;
    line-height: 19px;
    top: 560px;
    left: 32%; /* 32% */
    width: 64%; /* важно! для ширины правой колонки */
    padding: 0px 0 0 0;
    z-index: 100;
    }

    #leftcolumn {
    position: absolute;
    top: 50px;
    left: -43%; /* -43% */
    line-height: 19px;
    text-indent: 20px;
    width: 210px; /* ширина левой колонки основного текста страницы */
    padding: 10px;
    background: url(../images/fon_l.png); /*#fffe92*/
    z-index: 101;
    }

    #rightcolumn {
    position: absolute;
    top: 50px;
    left: -4%; /*-4%*/
    line-height: 19px;
    text-indent: 20px;
    width: 100%; /* 100% ширина правой колонки основного текста страницы */
    padding: 10px;
    background: url(../images/fon_r.png); /*#fffeae*/
    z-index: 101;
    }

Во wrap вложен content, затем уже в него вложены left и right column. Не работают как нужно процентные значения у #content в параметре top: 560px - если задать, скажем 50%, контент сайта поднимается на самый верх сайта в ноль.

Подскажите, пожалуйста, где тут "собака зарыта"? Заранее благодарен.

Дмитрий

[npofopr]

Менять значение top при разных @media еще можете.

[devadas]

Менять значение top при разных @media еще можете.

Спасибо!

Извините, что не ответил сразу.