aligning images

[bisketsGirl]

How can i align all images in the table to the top?

i have the following css for td:
td {
width:300px;
height:350px;
text-align:center;
margin-top:5%;
}



<table border="0" bordercolor="#666666" cellpadding="1" cellspacing="2">
<tr>
<td><img name="machineDesign" src="" width="200" height="200" alt="Machine Design, Retainer Staking Device Photo" style="background-color:#000000;text-align:center;" /><p>Machine Design, Retainer Staking Device</p>
</td>

<td><img name="motorTesting" src="" width="200" height="200" alt="Motor Testing Apparatus Photo" style="background-color: #000000" /><p>Motor Testing Apparatus</p>
</td>

<td><img name="medicalDevice" src="" width="200" height="200" alt="Medical Device Research and Prototyping Photo" style="background-color: #000000" /><p>Medical Device Research and Prototyping</p>
</td>
</tr>

<tr>
<td><img name="electronicDrawing" src="" width="200" height="200" alt="Electronic Drawing Conversion Photo" style="background-color: #000000" /><p>Electronic Drawing Conversion</p>
</td>

<td><img name="threeDimensional" src="" width="200" height="200" alt="Three Dimensional Puzzle Photo" style="background-color: #000000" /><p>Three Dimensional Puzzle</p>
</td>

<td><img name="processImprovement" src="" width="200" height="200" alt="Process Improvement Technical Writing Photo" style="background-color: #000000" /><p>Process Improvement Technical Writing</p>
</td>
</tr>

<tr>
<td><img name="newProduct" src="" width="200" height="200" alt="New Product Market Research Photo" style="background-color: #000000" /><p>New Product Market Research</p>
</td>

<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

[WebJoel]

td {vertical-align:top;....}