Markup bzw. CSS bei diesem Schnipsel in Ordnung?

[suit]

  	<div>  
  		<img id="foto" src="test.jpg"/>  
  		<div id="beschreibungFoto">  
  			<p>Beschreibung Foto Zeile 1</p>  
  			<p>Beschreibung Foto Zeile 2</p>  
  			<p>Beschreibung Foto Zeile 3</p>  
  		</div>  
  	</div>  

<div class="img">  
	<img />  
	<div>  
		<p>foo<p>  
		<p>bar<p>  
		<p>baz<p>  
	</div>  
</div>

div.img     { }  
div.img img { }  
div.img div { }  
div.img p   { }

Sollte eigentlich reichen.

Vorteil:

• mehrere Bilder auf einer Seite
• Kürzere Selektoren

ggf. kann man auch noch auf das div-Element verzichten.

Alternativ als Definitionsliste - da steh ich persönlich aber nicht so drauf:

<dl class="image">  
	<dd>  
		<img />  
	</dd>  
	<dt>  
		<p>foo<p>  
		<p>bar<p>  
		<p>baz<p>  
	</dt>  
</dl>