Extra spaces above images within a table in content area

I am using a table to organize information in the content area of my site. I have unexplained extra spaces above the images that I have inserted. I verified that there were not extra spaces, adjusted the cell padding and still have extra space.

Should I be using something else besides a table to layout the page? I checked a number of plug-ins to see if I could simplify the organization, but couldn’t find what I needed.

Here’s part of the code that it giving me trouble. The problem is above the “Understanding Social Anxiety Disorder” arrow and the “What is SAD” arrow.

https://www.releasingsocialanxiety.com/understanding/

<table>
<tbody>
<tr>
<td><img class=”aligntop wp-image-164″ style=”margin: 0px;” title=”Understanding Social Anxiety Disorder” src=”https://www.releasingsocialanxiety.com/wp-content/uploads/2012/02/shyboysingle.jpg&#8221; alt=”Understanding SAD” width=”136″ height=”118″ /></td>
<td><img class=”wp-image-165 aligncenter” style=”margin-top: 0px; margin-bottom: 0px;” title=”Understanding Social Anxiety” src=”https://www.releasingsocialanxiety.com/wp-content/uploads/2012/02/understandingarrow.png&#8221; alt=”Understanding Social Anxiety” width=”438″ height=”57″ />
Social Anxiety Disorder, otherwise known as SAD, is more common than many believe. For those of you who may have SAD, you are well aware that the disorder is very painful. You can overcome your fears. The first step you can take is to understand more about SAD.</td>
</tr>
</tbody>
</table>

Thanks in advance for your help!