Fichu image dans un tableau !

Bonjour
je rencontre un problème avec mes images dans mes cellules de tableau. Il y a toujours un fichu espace vide au dessus et en dessous.
Voila mon code :

<table name="move" border="1" bordercolor="#999999" background="../images/map/Paris.jpg" cellspacing="0" cellpadding="0" width="680" height="455">

<style type="text/css">
<!--
.grrespace {
vertical-align: bottom;
display: block;
vertical-align: bottom;
padding:0;
margin:0px;
width:10px;
height:10px;
border-width:0;
}

-->
</style>

<td align='center' valign='middle' >
<a href='#'><img src='../images/map/carrerouge.png' border='0' alt='mcpacino' class='grrespace'></a></td>

<td align='center' valign='middle'>
<form style='margin:0px;' action='0_test_ville.php?mob=185' method='post'>
<input type='hidden' name='position_col' value='20'>
<input type='hidden' name='position_lign' value='20'>
<input type='hidden' name='deplace' value='1271516061'>
<INPUT NAME='move' TYPE='image' class='grrespace' VALUE='Aller ici' SRC='../images/map/move.png' ALT='Aller ici'> </form></td></tr>
</table>