Bild auf 100% der Breite des Elternelementes strecken

[Apropos]

Hi,

danke, für deine Antwort.
Meine Bilder waren allerdings schon als Block-Elemente formatiert.

Das Problem scheint mir inzwischen zu sein, dass der Container, in dem das Bild liegt, keine Breitenangabe besitzt. In dem Container sind zwei Bilder, eines soll dem Container seine Breite geben, das andere soll dann quasi auf die Breite des ersten Bildes gestaucht werden. Das scheint in der Form einfach nicht möglich zu sein.

Wenn ich dem Container eine Breite gebe, dann passt sich das prozentual formatierte Bild auch entsprechend an (und dabei ist es - zumindest im FF - egal, ob der Container ein P oder ein DIV ist).
Eine feste Breite würde ich aber gern vermeiden, weil die Bilder per PHP dynamisch eingesetzt werden sollen und ich nicht für jedes Bild die Breite erst auslesen will.

Hier noch einmal mein Quellcode:

p {  
	padding: 0;  
	margin: 5px 10px;  
	background: url('../gfx/image_back.png') top repeat-x;  
	float: left;  
	clear: none;  
	}  
  
img {  
	padding: 0;  
	display: block;  
	}  
  
img.shade {  
	height: 10px;  
	width: 100%;  
	}

...

<p>  
	<img src="../../symmorph/images/300020.jpg" alt="...">  
	<img class="shade" src="../gfx/image_shade.png" alt="">  
</p>

viel Spasz,
Apropos