posição da imagem não obedece

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>';
 }