Картинка в таблице
 

нижний край картинки в ячейки таблицы на несколько пикселей отходит от края.
И это только в Firefix в IE все края картинки облегают стороны ячейки таблицы
кто может подсказать почему и как это убрать?

Задайте изображению display: block. Другой (менее «кошерный») вариант — vertical-align: top.

помагло

Для тех, кому интересно, почему это происходит, поясню:
img по умолчанию строчный элемент, т.е., элемент, составляющий строку. В строке, по умолчанию же, установлено выравнивание по базовой линии шрифта.

Пример:

Lorem Ipsum Dolor Sit Amet

Выделите текст, и Вы увидите, что базовая линия находится на каком-то расстоянии от нижней линии.

Так вот, три пикселя снизу изображения — это расстояние от нижней линии шрифта до базовой для текущего шрифта. Чтобы его не было, нужно, чтобы выполнилось одно из трех условий:

1. размер шрифта 0 (очень нехороший вариант);
2. выравнивание у изображения не по базовой линии;
3. изображение не является строчным элементом

UPD: Чуть не забыл, это касается не только изображения, но и object, embed и iframe. Так что если видите, что снизу остается место, не пытайтесь его замаскировать overflow: hidden или скрытием полос прокрутки — лучше сделайте так, чтобы его не было вообще.

0. Убрать doctype ))

Kolyaj,
очень-очень нехороший вариант :)

Поэтому 0, а не 4 :)

Kolyaj,
да я понял уж, хехе :)

Мне было очень интересно, спс.

micscr,
не за что. Надеюсь, это сэкономит Вам когда-нибудь несколько минут.