How to … multiple paragraphs of text and floated images?

Hi there. I have been struggling with this for a couple of hours now, and I don’t quite know how to solve it…

On my page, I want to have photos of 4 persons, each with a description. The photos are floated to the left, so the text wraps around. However, I can’t seem to clear the floats, so that each new paragraph starts on a new line, and the following photo gets floated right.

This is what it looks like now:
http://i.imgur.com/TT3gV.jpg

– and this is what I want it to look like:
http://i.imgur.com/w0gCY.jpg

I have tried solutions where people suggested to add clearing <div> or <hr /> into the html editor, but the users of this site isn’t very tech savvy, so it should be as straight forward as possible.

My CSS:

.wp-caption
	{
	float: left;
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	font-size: .8em;
	padding: 5px;
	margin-right: 10px;
	}

.wp-caption img
	{
	width: 100px;
	height: 133px;
	}

.wp-caption p
	{
	margin-bottom: 0px;
	}

.wp-caption-text
	{
	border: 1px solid;
	}