Аномалии шапки и футера.

17.12.2017

Доброго времени суток.
С футером и с шапкой сайта творятся странные вещи: если браузер развернут - всё нормально. Если же его сузить - та часть футера и шапки, которые остались вне поля зрения, обрезаются. То есть, если в браузере начать прокручивать страницу сайта к той части, которая не влезла в его окно, вместо шапки и футера - пустота. Отображается лишь та их часть, которая влазит в рамки окна браузера.

Вроде бы в коде шапки и футера всё правильно:

#header {
background: transparent url(../img/header_bg.jpg) center top;
height: 140px;
margin: 0px auto;
}

#footer {
position: relative;
margin-top: -100px;
height: 150px;
clear:both;
background: #3b3b3b;
color: #CCC;
}

Где искать ошибку - без понятия. Может кто-то сталкивался с подобным? Подскажите пожалуйста)