Gallery for different sized images doesn't work

Problem: When viewing a gallery for different sized images, the colorbox display fails to resize and the output is either missing or wrong.
However, if the images are all the same size, the gallery view works.

Example of working gallery: http://jeromehollon.com/content/android%E2%84%A2-mobile-budget-managemen...
Example of non-working gallery: http://jeromehollon.com/content/buffalo-trace-saloon
For the non-working gallery there are two distinct behaviors based on which image you click on first. Clicking on the large image results in the smaller image not being shown when moved to, clicking on the smaller image causes the larger image to be cropped when shown.

This is how I am generating the image gallery:

				<div class="project-images">
					<?php					
						foreach($field_project_images as $image){				
							$image['style_name'] = "medium";
							$image['path'] = $image['uri'];
							$image['attributes'] = array("class" => "color-box-gallery");
							$colorbox_image = array("image" => $image);
							$colorbox_image["path"] = file_create_url($colorbox_image["image"]["path"]);
							$colorbox_image["gid"] = "project-slide";
							print theme('colorbox_imagefield', $colorbox_image);
							}
					?>
				</div>