CSS: allow image to overflow from a div?

Question

I want to create the following situation:

+--------------------------------------+-----------------------+
|                                     1|                       |
|  IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE |  TEXT TEXT TEXT       |
|2                                     |                       |
+--------------------------------------+-----------------------+

Everything is included in a div called "caption"
The text is in a div called "textarea"
The image is in a div called "imagearea"

The text area has a fixed width
the image size can change. It should be aligned to the top right (1) and should overflow from the bottom left (2)

How can I do this with CSS?

Answer 1

float:right ?

Answer 2

Float the text area to the right with a set width. This takes it out of the flow of the document.

Set the right margin of the image div to the width you want it away from the text. The div should automatically take up the rest of the area and the text div should cover the margin area. set the background image to 100% 100% for the image div.