HTML table (tr, td) partially ignores CSS padding
===

I have a table with 2 cells and two rows.
Within theese cells, there are an image. 
I have a css rule to remove all margin and padding inside these:

    table, tr, td, img {
       margin:0; padding:0; /* adding !important won't change anything since no other css rules conflict with this one */
    }

However, this doesn't work in practice. The margin is properly removed on all sides but the bottom. Illustration of the problem:
![Illustration][1]

As you can see, the td STILL has a padding below, even though the rule is active (left of illustration). I'm scratching my head here - any advise? Thanks!

  [1]: http://i.stack.imgur.com/AqcPf.png