Не могу понять почему так выходит

[anpolimus]

верстаю сайт www.mediascan.ru

В меню в заголовке меню почему-то появляются лишние пиксели

вот как оформлен заголовок меню:

<table cellspacing=0 cellpadding=0 border=0 width="100%" >
						<tr>
						<td width="20px"><img src="./images/menu_top_left.png"></td><td height="20px" class="menu_top" valign=middle ><p class="menu_head">Последние выпуски</p></td><td width="20px"><img src="./images/menu_top_right.png" ></td>
						</tr>
						<tr>

а так прописано в css:

td.menu_top
   {
	 background-color:#bbe7a4;
	 text-align:center;
	 vertical-align:middle;
	 color:#476126;
	 font-weight:bold;
	 height:20px;
	 padding-top:0px;
	 padding-bottom:0px;

   }
input
   {
	 border:1px solid #476126;
   }
p.menu_head
{
  font-size:11px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
  text-align:left;

}

Таковой проблемі нету только IE а вто в Опере и Мозиле вылазит кусок .

Помогите кто может, уже день над этим бьюсь

[homm]

img {vertical-align:bottom;}

[anpolimus]

высота рисунка меньше чем ширина поля.

Я не могу уменьшить высоту соседней ячейки до высоты рисунка. Уменьшение шрифта ничего не дало

[Titan]

Ну... Здесь есть несколько вариантов:

1. Уменьшить сами картинки до 10рх

2. Убрать заливку фоном и вставить картинку нужных пропорций

3. Страшно изголиться с табличной структурой)

[anpolimus]

Titan спасибо, скорее всего 2-й вариант самый нормальный