CSS - Best method to wrap text around an image

Take a look at image 1.  Here, I've done nothing but floated the image right:

img {
	float: right;
	display: block;
}

Select allOpen in new window

This is problematic because the text runs under the image.  Now, take a look at image 2.  Here, I've added some margin settings:
i

mg {
	float: right;
	display: block;
	margin: 100px 0 30px 30px;
}

Select allOpen in new window

This is better; the text no longer runs under the image, but the text also doesn't run above the image.  I'm trying to get the text to run above the image, but not under the image.  What's the best way to accomplish this?  The two samples are located here:

http://jaginc.com/dev/EEPostings/sample1.html
http://jaginc.com/dev/EEPostings/sample2.html
sample1.png
sample2.png