alinear texto a un lado de la imagen con div

[zoloquoki]

Hola!!

Tengo un grave problema con la alineación de la imagen dentro del texto. He intentado de todas maneras y no consigo alinear como yo quiera. Y añadiendo todo tipos de "style" y nada.

Estoy intentado que el div (imagen) se ubique en la derecha y el texto a la izquierda, y siempre que compruebo con el firefox, el div de la imagen se baja para abajo, cuando en el dreamweaver se ve perfectamente encajada en su sitio.

Esto porq pasa??

Posteo el codigo y a ver cual es el problema.

HTML

Código:

<div class="Parrafo" id="mainContent2">
    <div class="TiTuLoCUERPO" id="mainTituloTop">Noticias<br>
    </div>
    <div id="foto">Colocar aquí el contenido para  id "foto"</div>
    <p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo CALISLorem ipsum III ENCUENTRO INTERNACIONAL dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy    </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>

CSS

Código:

	
.thrColFixHdr #mainContent2 {
	padding: 1px 10px;
	margin: 20px 25px 15px 215px;
	border: 3px dotted #669900;
    }

.thrColFixHdr #mainTituloTop {
	padding: 5px 5px;
	border: 3px ridge #999999;
	margin: 7px 0 15px 0;
    }

.thrColFixHdr #foto {
	padding: 0 0;
	border: 3px ridge #999999;
	margin: 5px 5px;
	height: 135px;
	width: 200px;
	float: right;
    }

Lo del "mainTituloTop" es para el Titulo y está ubicada en el top del "maincontent" (dentro) y debajo del mainTituloTop el texto y el div "foto".

Espero que alguien sepa como solventarlo.

muchas gracias! saludos!