Images out of place

I need my media gallery to work right in nice neat rows. I’ve have been having issues with my captions not centering under my images. so i added this:

dd.wp-caption-dd {margin:0;padding:0;}

Which worked great for the captions! But then the 1st image in the 2nd row gets pushed over to where the 4th image should be and leaves a huge blank space. I can’t seem to figre out how to fix it. I thought it was this line because it looks like there’s a caption but there’s no picture?

<dl class=”wp-caption alignleft” style=”width: 210px;”> </dl>
<div class=”mceTemp”>

But that didn’t solve the problem. What could be the problem?

http://www.andayaonline.com/?page_id=112

Please can someone help me! I’m stuck and not super great at html.