CSS Rollovers hjälp!

Jag har ett litet problem. Jag har skapat en rollover i css med hjälp av bakgrundsbild. Det finns dock ett problem, placeringen av bakgrunden.
Både IE och Firefox klipper bakgrunden längst ner.

Alla tips är välkomna. (CSS:n är inte städad än, så det ligger kanske en del onödiga properties...)

* {padding:0;margin:0}
#icon_user{
	background-color:#006633;
}

#icon_user a{
	background-image:url(user_icon_hover.gif);
	height:16px;
	width:16px;
	display:block;
	background-position:right top;
	background-repeat:no-repeat;
}

#icon_user a:link, #icon_user a:active, #icon_user a:visited {
	background-image:url(user_icon_link.gif);
}

#icon_user a:hover {
	background-image:url(user_icon_hover.gif);
}

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>Listin</td>
    <td>
      <div id="icon_user"><a href="user.htm"></a></div>
    </td>
  </tr>
</table>

Ser ut att fungera för mig? Inga 2pixlar som saknas?

Att pixlarna saknades var för att du angett höjden till 16px men med padding 3px blir bilden 16+6 =22px så du gav inte plats för 2px ...

edit - läste inte voigtanns inlägg ordetligt. så läs ej detta

jag hann läsa ditt inlägg symbolism och du har helt rätt. Höjden ska vara 16px jag ändrar nu... Tack!

Perfekt!

Tack för det snabba svaret. Fungerar perfekt.