Table cell with image rendered too large in IE

Question

I have the following simple table to reproduce the issue: ```

``` The image is actually 24x86 pixels large. The border is just to mark the cell's boundaries. There is no css file assigned to the document. I want the cell to be exactly as large as the image. The problem is: the table cell gets always rendered a few pixels too high in any IE version (6, 7, 8) while it works fine in Firefox and other browsers. Is there any solution / workaround for this?

Accepted Answer

You can set the images to display as block elements and this should remove the space.

```
<IMG style="display: block; width: 24px; height: 68px; margin:0px; padding:0px; border:none" src="Image24x68.png"> 
```

Table cell with image rendered too large in IE

Solution

Problem