Это происходит потому, что высота тела мала, и по умолчанию фон повторяется.
Вы можете сделать так, чтобы это не повторялось:
body { background-repeat: no-repeat; }
или сделать высоту контейнера (html) размером окна:
html { height: 100%; }
хотя обратите внимание, что последний может иногда иметь неожиданные эффекты при прокрутке.