I'm trying to get a div to align itself to the bottom-right corner of its parent, but it's proving excessively difficult.

Want I would ideally have:
http://bg.rifetech.com/mockup.png

What I've tried:
http://bg.rifetech.com/test.html
http://bg.rifetech.com/test2.html
http://bg.rifetech.com/test3.html

Nothing seems to get the text wrapping around the yellow boxed div while aligning it to the bottom-right corner.

Any suggestions would be greatly appreaciated.