Проблемка (строчка)

[Diver]

Есть вот такой код:

<table cellpadding=0 cellspacing=0 border=0 >
<tr>
 <td height=42 align=center valign=center style='border:1px solid black;'>
  <img border=1 src=zalivka.gif height=42 width=150><div style='position: relative; top: -50%; margin: 0 0 0 0;'>Текст</div>
 </td>
 <td>
  <img src=right.gif height=42>
 </td>
</tr>
</table>

Т.е. в ячйке имеется картинка с градиентом, а на ней нужно вывести текст. Данный код это делает, текст оказывается на картинке. Но вот под картинкой почему то белая строка. Как будто фон от текста там остался, ну или перенос строки Или то что я хочу никак не сделать? Пробовал через z-index, то же не получилось. На всякий случай сообщаю что у меня IE7.

Исходник тут: http://ifolder.ru/6328004 Картинки там же. Весит 1,2 Кб. Прошу помочь...

[Slyfox]

Если картинка на всю ячейку, то я думаю не стоит мучаться с позиционированием, а взять и задать картинку при помощи CSS ——- background

[Diver]

Нет, бакграунд не канает. Текст может быть больше и меньше чем картинка. Поэтому и делаю через имедж. Наверное прид?тся кнопки рисовать

[Scrum]

<table cellpadding=0 cellspacing=0 border=0 >
<tr>
 <td height=42 align=center valign=center style='border:1px solid black; line-height: 0;'>
  <img border=1 src=zalivka.gif height=42 width=150><div style='position: relative; top: -50%; margin: 0 0 0 0;'>Текст</div>
 </td>
</tr>
</table>

[Diver]

Хм, прикольный выход из ситуации Только вот тогда на кнопку не запихать такой код:

Текст
тут

Хотя монжо сделать еще один div и у него сделать что-то типа top: -30%, а у первого -70% тогда будет типа по центру Вобщем, спасибо. Вариант вроде подходит. Хотя если кто еще что-то предложит, не откажусь посмотреть.

[Slyfox]

может так лучше?

<table cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td style="background: url(ZALIVKA.GIF); width: 200px;">
			Текст Текст Текст Текст Текст Текст  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
		</td>
		<td style="background: url(RIGHT.GIF) no-repeat #b8babb; width: 6px;"> </td>
	</tr> 
</table>

P.S. я так понял, что первый раз меня не совсем поняли

[Diver]

Да скорее я неправильно объяснил. Просто у меня таблица с ячейками резиновая. Т.е. у TD не будет жестко заданного WIDTH. Поэтому бакграунд либо будет больше, либо меньше размера ячейки Ведь у BACKGROUND нет свойства WIDTH: 100%