Image with float:right inside div with float:left [on hold]

Image with float:right inside div with float:left [on hold]

I want to have a paragraph of text on the right hand side of my page. And
floating up against it an image like in this picture.
My logic was to give "Left div" a float:left and a defined width, And give
Right div a float:right and a defined width. Then give my image a
float:right.
What I end up with however is the image appears to the right of the text.
This doesnt make sense to me as the image is outside the defined width of
the div its in.