А при уменьшении вот такой фокус:
Это частая проблема в вёрстке, хочется хедер сделать определенной высоты, но это будет неверным решением, так как при возможном изменении колличества контента, он будет вылазить за пределы нижней черты блока. Нужно делать так позиционирование, чтобы у тебя контент растягивал блок ,а background , в свою очередь растягивался по высоте. Надеюсь, правильно истолковал. А по поводу твоей проблемы, задай бэкграунду background-size:cover и все будет ок