Как убрать отступ после картинки в таблице?

Всем привет.

Столкнулся с проблемой. Наверное, она очень простая, но я никак не могу ее побороть) Помогите, пожалуйста.

Сделал самую простую таблицу. Помещаю в нее изображение - и после него появляется совершенно непонятный мне отступ. Максимально упростил страницу. Отключил стили, убрал из таблицы все лишние ячейки - все осталось по прежнему. Вот пример кода.
<html>

<head>

</head>

<body>



<table height="100" width="400" cellpadding="0" cellspacing="0">

	<tr>

	<td bgcolor="aqua">

	<img border="0" height="100" width="400" src="dot.gif"></td>

	</tr>

</table>



</body>

</html>
Сама картинка отображается правильно - 100х400
А ячейка увеличивается на 5 пикселей и светит снизу своим фоном (сделал фон, чтобы было видно).

Так это выглядит у меня в Opera, IE, Chrome:

http://s53.radikal.ru/i139/1209/1d/2d21b7443628.jpg

Что и где я упустил? откуда берется этот отступ снизу?

Проблема решается, если не вставлять картинку, а использовать ее как background="" для ячейки, но я хочу чтобы пользователь мог спокойно на нее нажать и скачать. Поэтому такой вариант не подходит. И сам отступ этот очень мешает, ибо мешает собрать общую композицию.

Может ситуация примитивная, но прошу за это не пинать. Помогите)

Спасибо!

<img border="0" height="100" width="400" src="1.jpg" style="vertical-align:top;">

Alcorn,

Большое спасибо. Помогло.