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

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

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

#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;
}

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