Image positioning within table cell

Hi,

First of all, I want to make it clear that I'm brandnew to this forum, so if I post anything the rong or violate any other rules, please let me know, so I can change it.

I'm trying to redesign my website and I'm having trouble aligning an image within a table cell. I know I'm not even supposed to use tables, but I wouldn't know where to start, if I had to do it without tables, so please disregard that issue.

It's this page: www.lenekottal.dk/design/pedigree/pedigree.php
The issue is the arrow to the right.

At the moment, the styling is diffenrent from the top arrow to the other ones. The top one looks perfect in Firefox, but then the others are wrong - and the other way around when viewed in IE.

Here's the code regarding the table cell:

  

Here's the css that makes the top arrow work in Firefox:
div.pil {
margin: -17px 3px 0px 3px;
}
div.pil a img {
height:11px;
border: 0px;
}

Without the css, it works in IE.

There are no css characteristics on overlying elements affecting the top cell differently that the bottom ones, so this issue is within this cell specifically.

I'm hoping I have just overlooked an issue, which will be obvious to more trained webdesigners than myself

Lene.