Table cells won't align/won't shrink to fixed height

[vlyandra]

I'm using WordPress and Advanced Custom Fields (WYSIWYG) to fill a cell in a table. Inexplicably this cell in the table doesn't align with the other cells, and setting a fixed height on the table doesn't seem to help. I have a jsfiddle here: http://jsfiddle.net/vlyandra/uYzSB/ and the code that's used to generate this table is the following:

					<table class="fixed-height">
						<tr>
							<td><p class="header" style="align:top;">Details</p><br />
								<?php the_field('details');?>
							</td>
							<td>
								<a href="<?php echo MultiPostThumbnails::get_post_thumbnail_url(get_post_type(), 'secondary-image');?>">
									<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image'); endif; ?>
								</a>
							</td>
							<td>
								<a href="<?php echo MultiPostThumbnails::get_post_thumbnail_url(get_post_type(), 'tertiary-image');?>">
									<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'tertiary-image'); endif; ?>
								</a>
							</td>
							<td>
								<a href="<?php echo MultiPostThumbnails::get_post_thumbnail_url(get_post_type(), 'fourth-image');?>">
									<?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'fourth-image'); endif; ?>
								</a>
							</td>
						</tr>
					</table>

I'm a WordPress newb, and any help would be greatly appreciated. Thanks!

[webdevs]

convert into div and css