css：若分辨率低于1024x786，则在网站主背景图像的底部和右侧获得空白

我正在一个新的网站上工作，我对css真的很陌生。我创建了以下站点：

问题是，当用户将窗口的大小调整到1024 x 768以下时，主背景图像的底部和右侧会出现空白，我不希望出现空白，因为背景应设置为100%宽度和高度比例

有人能告诉我哪里出了问题吗

我的背景图像CSS：

header .layer {
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.8);
}

更改<代码>

#background {
    width: 100%;
    height: 100%;
    background-image: url('http://www.hewdenportal.co.uk/assets/images/header.png');
    background-size: cover;
    position: fixed;
}