posição da imagem não obedece

[jnejunior 1]

tenho umas miniaturas de imagens na minha tabela dentro da td antes de um texto, mas esta imagem não se posiciona como eu gostaria, porque?

 

meu code css

* { margin: 0; padding: 0; list-style: none; }
body { background-color: #ccc; font-family: Arial; margin: 100px; }
#form { background-color: #fff; border: 2px solid #666; display: block; margin: 0 auto; position: relative; width: 300px; }
#exibeUsu { margin: 0 auto; width: 870px; position: relative; }
#form fieldset { border: none; padding: 0 15px 10px 15px; }
#form fieldset legend { color: #069; font: bold 22px "Trebuchet MS"; padding-bottom: 10px; }
#form fieldset label { display: block; padding: 3px 0; }
#form fieldset label span { color: #069; display: block; font: bold 16px "Trebuchet MS"; }
input, button { border: 1px solid #069; color: #666; font: bold 16px Tahoma; padding: 3px; width: 260px; }
input:hover { border: 1px solid #900;}
.captcha { display: block; width: 124px; }
#captcha { border: 1px solid #069; height: 49px; width: 130px; }
button { background-color: #069; color: #fff; cursor: pointer; display: block; width: 268px; }
.checkbox { width: 20px; }
.cadUsu { height: 50px; position: absolute; right: 17px; bottom: 13px; width: 125px; }
.gravatar { border: 1px solid #999; display: inline; }

.ok, .erro { background-color: #eaffd5; border: 1px solid #090; color: #069; display: block; font: bold 16px "Trebuchet MS"; margin: 0 auto; padding: 3px; width: 260px; }
.erro { background-color: #fde; border: 1px solid #f00; }
#menu { color: #1d5987; cursor: pointer; font-weight: bold; }
#menu:hover { text-decoration: none; }

h1 { color: #365f91; font-size: 20px; letter-spacing: 1px; margin-bottom: 25px; text-align: center; }
table { border: 1px solid #1d5987; margin: 0 auto; padding: 1px; width: 800px; position: relative; }
table th { background-color: #333; color: #fff; font-size: 12px; font-weight: bold; padding: 5px 0; text-align: center; }
table tr td { background-color: #fff; color: #1d5987; padding: 5px 8px; }
table tr td.alinhaCentro { text-align: center; }

 

 

e o arquivo que esta sendo aplicado o css.

$sqlExibe = mysql_query('SELECT * FROM ' . TABELA . ' ORDER BY nomeUsu ASC') or die(mysql_error());
 while ($i = mysql_fetch_array($sqlExibe)) {
   $id = $i[0]; // id usuario
   $nome = $i[1]; // nome usuario
   $usuario = $i[2]; // usuario usuario
   $email = $i[3]; // email usuario
   $default = "http://gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=20";
   $size = 20;
   $grav_url = "http://www.gravatar.com/avatar/" . md5(strtolower(trim($email))) . "?d=" . urlencode($default) . "&s=" . $size;
   echo '<tr>
               <td class="alinhaCentro"><input type="checkbox" name="selecionar[]" value="', $id, '" class="checkbox" /></td>
               <td>', $nome, '</td>
               <td>', $usuario, '</td>
               <td><img src="' . $grav_url . '" alt="" class="gravatar" /> ', $email, '</td>
               <td class="alinhaCentro">
               <a href="exibeUsu.php?acao=editar&id=' . $id . '">
               <img src="http://www.demus.org.pe/notihome/img/editar.gif" alt="" title="Editar usuário" /></a>     
               <a href="exibeUsu.php?acao=excluir&id=' . $id . '">
               <img src="http://www.clicksti.com.br/favoritos/excluir_grande.gif" alt="" title="Excluir usuário" /></a></td></tr>';
 }

[Kakashi_Hatake 267]

mas esta imagem não se posiciona como eu gostaria, porque?

 

 

E como você gostaria que ela ficasse? :ermm:

[jnejunior 1]

 

E como você gostaria que ela ficasse? :ermm:

 

gostaria que ela ficasse um pouquinho para cima, só isso, já usei margin, padding...