Моя боковая панель подталкивает весь мой сайт

Question

Итак, я получил этот сайт, где все было выстроено идеально, заголовок, нижний колонтитул тела и т. Д. На прошлой неделе я попытался добавить боковую панель, и я понял, что это подтолкнуло мой основной контент. Так много вопросов, как я могу сделать поля/высоту боковой панели независимой от моего основного контента? (Добавлено код CSS ниже)

DEMO: Редактировать: http://oldtimesdaily.tumblr.com/ мой tumblr с кодом. Как это выглядит прямо сейчас. Абсолютная позиция работала, основной контент вернулся наверху. Но теперь все содержимое моей боковой панели зажато вместе, я полагаю, что абсолютный позиционер удаляет все поля? Что я должен использовать вместо этого, чтобы разместить другое содержимое на боковой панели?

#quote { /*style for quote division*/ 
    position:relative; 
    width:375px; 
    height:70px; 
    border:1px solid black; 
    font-family:sans-serif; 
    font-size:95%; 
    padding:3px; 
    background-color:lightyellow; 
} 
#auth { /*style for quote author, if any*/ 
    position:absolute; 
    bottom:3px; 
    right:10px; 
} 
#sidebar {   /*editable*/ 
    background: url('http://s10.postimg.org/uag5u79d1/vline.png') repeat-y left center; 
    background-color: white; 
    width: 260px; 
    position: relative; 
    top: 700px; 
    left: 55%; 
} 
#sidebar .sTitle { 
    padding: 0 0 10px 0; 
    position: relative; 
    margin: 0px 20px 0px; 
    color: #222; 
    font-size: 15px; 
    line-height: 1; 
    font-family: QuicksandBold, Helvetica, Arial, sans-serif; 
    font-weight: bold; 
    letter-spacing: 3px; 
    text-decoration: none; 
    border-bottom: 0px; 
} 
#sidebar .Categories { 
    font-size: 11px; 
    text-align: center; 
    padding: 3px 5px; 
    margin: 50px; 
} 

Answer 1

position: absolute;

сделает врезку независимым от остальной части страницы