Bild ragt aus Container 100% Breit, 400px hoch

[Gerd]

Ich habe einen Container in diesem soll ein Bidl erscheinen. es soll immer so Breit sein wie der Container, also die Breite des Browsers, aber die Höhe sollte FIX sein.

Mein Bild ragt aber aus dem Container, wie kann ich soetwas beheben?

Ich habe
Gerd

.container {
width:100%;
height:400px;
background:#000;
}
img {
width: 100%;
height: auto;
}

<div class="container">
<img src="pic100.jpg">
</div>