Buenas!!
Haber según lo que te entendí es que quieres que aparezca a la izquierda la imagen y a la derecha el texto no? y que quede asi siempre independiente dle tamaño de la ventana y navegador no? Entonces, donde estas los atributos del div "foto_post"??
Bueno si es asi te dejo lo que yo haría:
código CSS:
#foto_post{
width:1000px;
height:500px;}
#foto_foto{
float:left;
width:900px;
height:400px;}
#foto_caption{
float:right;
width:100px;
height:400px;}
Y el código Html:
<div id="foto_post">
<div id="foto_foto"><img src="webnew/img/bg.jpg" width="900" height="400" /></div>
<div id="foto_caption">
<div>Texto texto texto</div>
</div>
</div>
Y si no es lo que buscas, avisame,, y te ayudaré en lo posible,, ;)
Suerte!!
D.S.