Ich schätze mal des liegt an der Auflösung und deiner Einstellung im Code,.
In deinem Bildviewer ist das Bild ja auch kleiner dargestellt, auf der Website wird das ganze auf die Größe des Bildschirms gestreckt. Außerdem hat es da ja auch die komplette Breite zur Verfügung aber nur einen begrenzten Teil der Höhe
Nimm CSS zur Hilfe.
Setze bspw. die "max-width" auf 90% oder die "height" auf "100%" (versuche erst das mit der "height"). Dann den "margin" auf "0 auto" und die "position" auf "relative". Sollte das Problem eig lösen 
Wie sieht dein CSS Code aus?
Per CSS mit "width" "height" oder der Background-Skalierung (background-size: 100% 100%) arbeiten.
Letzteres bewirkt allerdings dass das Bild auf allen Bildschirmen die komplette Breite nutzt - und dies je nach Auflösung verzerrt wirken könnte.
Er will es doch nicht auf die volle Breite ?
Gib deinem background einfach ne max-width
Spricht
Max-width: 960px
Width: 100%
Max-width musst du dann anpassen, weiß nicht wie groß dein bg ist.
Ich denke er möchte es schon auf die volle Breite, allerdings würde die Höhe nicht zu 100% angezeigt, erkennt man an dem Gebäude unten in der Bildmitte ganz gut,
oder an der reizenden Dame auf der Rechte Seite wenn man ihre Hand auf dem Bein betrachtet wurde das ganze in der Höhe ein wenig abgeschnitten.
Er will mMn - wie schon beschrieben - dass das gesamte Bild angezeigt wird.
Dementsprechend sieht man laut Bild, dass etwas von der Höhe fehlt.
Somit muss man also die Höhe auf 100% setzen, so wird die Breite dementsprechend skaliert.
img { height: 100%; position: relative; margin: 0 auto; }
Da ich davon ausgehe, dass du dem Body das Bild als Hintergrund gegeben hast, müsstest du mit "background-size"(wie @SgtKaneki erwähnte) nutzen. Wird dann aber auch mit der Verwaltung der Schaltflächen umständlich. Würde dir also empfehlen, einen <div> zu erstellen und diesem das Bild als Background oder Element zu geben. Position muss dann nicht mal auf Absolut.
Zusätzlich html, body { margin: 0; }
Es würde dann doch auch ausreichen wenn er dem Body einfach nur background-size: Cover gibt
Warum so umständlich ?
Naja wenn du das scrollen weghaben willst: overflow-y: hidden;
Wenn du wie @Fancy die background-size auf "cover" setzt, wird es gestreckt und kann das Ergebnis verfälschen (und es kommt nicht zu dem von dir geforderten Ergebnis).
Sende einfach mal den CSS- und HTML Code von der Sektion, dann kann ich dir helfen.
Ansonsten überprüfen, ob das Bild wirklich eine "height" sowie "max-height" von 100% bzw. 100vh (bzw. 100wh; einfach durchprobieren) hat. Sieht auf dem Bild nicht so aus.
Problem ist gelöst kann geschlossen werden. //Close
Du kannst das Thema als erledigt markieren.
Das /close bringt niemanden was.
Was war die Lösung?
Um es so, wie auf dem ImagePreviewer abgebildet ist, hinzubekommen, haben wir folgendes gemacht:
