Я не уверен, как позиционировать элементы с помощью css, так как, когда я использую методы, подобные следующим, всякий раз, когда я изменяю размер браузера, элементы остаются на том же месте, а не там, где я хотел бы, чтобы они были в документе с измененным размером. Подскажите пожалуйста, что я делаю не так ?!

.logo {
    left: 20px;
    top: 20px;
    position: absolute;
}

#header h1 {
    margin-top: 20px;
    margin-left: 500px;
    color:  rgb(127, 127, 126);
    line-height: 0px;
}

Пожалуйста, возьмите скрипку -http://jsfiddle.net/hHGRc/