Bild auf 100% der Breite des Elternelementes strecken

[Deus Figendi]

Nun habe ich ein ziemlich breites Bild, dass ich auf 100% der Breite seines Elternelementes strecken will. Bisher habe ich das allerdings weder mit CSS noch HTML hingekriegt.
Kennt jemand einen Ansatz, um das nur mit HTML und CSS zu lösen?

Du musst das Bild (bzw. img-Element) zu einem Blockelement casten.

  
	<div style="width:50%; border:solid;">  
		<h1>Ueberschrift</h1>  
		Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  
		<img src="http://src.selfhtml.org/logo.gif" style="display:block; width:100%"/>  
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.  
	</div>  

Seltsamerweise wollte es bei meinen Versuchen nicht mit <p> klappen, aber was soll's ^^

In meinen Augen ist das ziemlich bescheuert spezifiziert, ich zumindest wollte noch nie ein Bild prozentual verkleinern, geschweige denn, vergrößern. Aber na gut.

Naja, ich habe diese Funktionalität schon oft benutzt, ich mag es :)