CSS overlapping DIVs

Hey all. I'm got a CSS question that I was hoping to find an answer for.

I've got a really simple page. two divs. one is an image, the other contains text.

What I want to do is overlap the two divs and have the text wrap around the first div. I can't seem to get it working.

Below is a screenshot and my code. any suggestions would be great!

http://www.w3.org/TR/html4/loose.dtd">

REAL CHOICES | moderation | balance | variety

Suspendisse potenti. Aliquam fermentum. Suspendisse varius felis laoreet augue malesuada nonummy. Nunc nec ipsum. Pellentesque laoreet, nibh sit amet tincidunt commodo, felis sapien lacinia mauris, quis tempor est mauris vel sem. Donec tincidunt adipiscing turpis. Nam a nisl. Nullam nunc nunc, volutpat ac, laoreet sit amet, ultrices sit amet, nibh. Fusce placerat dui sed magna. Vivamus leo orci, tempor at, suscipit in, sagittis in, erat.

Pellentesque bibendum, nulla id varius euismod, quam lorem cursus ante, at porttitor justo leo nec elit. Etiam ullamcorper elementum enim. Quisque euismod odio eget quam. Nunc dictum. Maecenas ante. Fusce placerat gravida turpis. Duis quis erat sit amet turpis iaculis condimentum. Fusce vel risus non orci tristique tempus. Aliquam id neque. Morbi sodales lacus eu leo.

Praesent tortor. Vestibulum tempus, pede at luctus elementum, neque purus ultricies ipsum, vestibulum dapibus est arcu ac tellus. Nulla facilisis augue vel elit. Curabitur nec justo in nulla tempus posuere. In hac habitasse platea dictumst. Etiam eu nibh quis nunc imperdiet rutrum. Praesent gravida tortor eu elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean laoreet ipsum quis erat scelerisque cursus. Integer tincidunt ullamcorper ante.