Te paso un codigo, tene en cuenta que en css, tenes la posibilidad de hacer las mismas cosas de diferentes maneras, esto es algo que te arme rapido para que lo veas, hay una pequeña diferencia con explorer, pero eso se arregla cambiando y manejando las medidas de las fotos y las demas cajas, espero que te sirva, el link donde esta subido el ejemplo es este:
http://web-t.com.ar/
El html:
Código:
<div id="contenedor">
<div id="foto1">Foto</div>
<div id="texto1">
<p><h3>Titulo</h3></p>
<p>Comentario:
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Cras vitae tellus volutpat
est posuere tincidunt quis eu tortor.
Etiam quis neque eu nibh lobortis viverra.
</p>
</div>
<div id="foto2">Foto</div>
<div id="texto2">
<p><h3>Titulo</h3></p>
<p>Comentario:
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Cras vitae tellus volutpat
est posuere tincidunt quis eu tortor.
Etiam quis neque eu nibh lobortis viverra.
</p>
</div>
</div>
El css:
Código:
#contenedor{
width:502px;
height:260px;
position:absolute;
}
#foto1{
border:1px solid black;
width:82px;
height:82px;
position:absolute;
}
#texto1{
width:405px;
height:82px;
position:absolute;
left:90px;
border:1px solid red;
}
#texto1 h3{
width:100px;
height:30px;
position:absolute;
top:-20px;
}
#foto2{
border:1px solid black;
width:82px;
height:82px;
position:absolute;
top:95px;
}
#texto2{
width:405px;
height:82px;
position:absolute;
left:90px;
top:95px;
border:1px solid red;
}
#texto2 h3{
width:100px;
height:30px;
position:absolute;
top:-20px;
}
Espero que te sirva.