tekst niet op hoogte afbeelding

Hallo iedereen, ik ben bezig met een winkel script te maken voor mijn site,
Alleen loop ik nu tegen het probleem dat de tekst naast de afbeelding niet gelijkstaat met de bovenkant van de afbeelding maar met de onderkant:
Zo is het:
http://prntscr.com/19m2i8

Zo zou het moeten:
http://prntscr.com/19m2sj
(het omcirkelde moet op de plaats van de lijn)

Kan iemand mij misschien helpen?
Alvast bedankt!
Mijn code:

<table width="497" cellpadding="0" cellspacing="0" style="margin-top: 7px; border: 1px solid #888888; background: #575757;">
	<tr>
		<td width="10" style="padding: 5px;">
			<div style="margin: 0px;" cellpadding="0" cellspacing="0" >
				<img src="img/items/normal/knife.jpg" width="70" height="70" style="border: 1px solid #505050; ">
			</div>
		</td>
		<td style="padding: 5px;" valign="top">
			<table>
				<tr>
					<td style="margin-bottom: 25px;"><b>mes</b> &nbsp;( &euro; <i><b>34</b></i> )</td>
					<td valign="top">Een origineel B&D mes.</td>
					<td align="right" valign="bottom">
						<div style="buttoncontainer">
							<input type="submit" value="koop">
						</div>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

Ik vind het niet zo moeilijk, in mijn programmeer programma (Notepad ++) kan ik snel zien waarbij welk deel hoort.

Hallo,
Ik deed het eerst ook met div's, maar dit wou niet lukken, ik snapte ook niet goed,
Maar ik was in de verkeerde style.css bezig, ik heb de oude nu verwijderd zodat deze problemen niet meer kunnen voorkomen.

Heb het met deze style opgelost:
.werk{
width: 497px;
height: 83px;
margin-top: 7px;
border: 1px solid #888888;
background: #575757;
}

En dan dus met div'jes