You're welcome. This time the code of your page is correct.
Setting the image alignment to left means that the rest of the content will wrap around, that is, start next to the image instead of below it. Since the first image frame is longer than the next two (because of the stupid defaults of 2011 that won't let the name fit in one line), there's still some room left next to the first image, so the next row also wraps around it. To override that, you need to switch the editor to HTML and paste this after every three image codes:
<br style="clear:both;" />
But to me the dashes are absurd, all that space around the names looks bad, and unequal frames for equally sized images also looks wrong. As I said, I can show you how to change the appearance of these captioned images, if you wish and if you tell me how exactly you'd like them to be.