Bilder verkleinern ohne sie zu verzerren

[asdf]

Wie der Titel schon sagt will ich Bilder in einem Layout gleichmäßig verkleinern. Diese haben alle unterschiedliche Größen, deswegen kann ich nicht dem Bild selber eine feste Größe geben da es sonst verzerrt.

Hier der Codeausschnitt dazu:

HTML

<p class="bild">  
	<img src="blah.jpg" alt="" class="bild" />  
</p>

CSS

p.bild {  
	height: 280px;  
	width: 200px;  
}  
img.bild {  
	border: 3px solid #000000;  
	width: 100%;  
}

Dem Bild muss ich width: 100%; geben da die Bilder sonst nicht verkleinert werden und über den Rand raus reichen.

Das ganze funktioniert auch so wie soll, das Problem ist nur das Bilder die schmäler als 200px sind verzerren.

Kennt jemand eine bessere Lösung für das Problem die auch bei kleineren Bildern klappt?

Schonmal danke im voraus. :]