Super Ragged Floats: Text Wrapping

Howdy,
First time poster here

Here is the site I am working on:

http://www.hellocutiepie.com/testingtheball/index.html

I am working off of this tutorial:
Super Ragged Floats

I have my image (in red) as a background image in the bottom right hand corner.

I then added the green divs on top of the background image.

I am trying to get my text to wrap around my divs and background image.

The background image divs, however, are pushed below my text.

How can I get my text to wrap around the divs and background image?

Thanks,
PoJ