Bild soll sich dem Browser anpassen, beim zoomen, verkleinern

[Manfred]

Ich habe ein Bild das im Organal 2000x500 Pixel Groß ist.

nun möchte ich das es sich immer dem Browser anpasst, wenn ich ihn also Breit mache soll es sich anpassen, was FUNKTIONIERT.
Doch mit der Höhe habe ich ein Problem. Wenn ich den Browser zusammenschiebe passt sich zwar das Bild der Breit an, also es wird schön klein, doch eben auch die Höhe schiebt sich zusammen. Was grundsätzlich nicht Verkehr ist.

Doch es müsste sich auf der WERT height:200px; Prozentual verkleinern

.box {
height:200px;
width:100%;
background: url(bild.jpg)top center no-repeat #ff0000;
background-size: 100% auto;
}

Manfred