Здравствуйте :) Доброго времени.

Такой вот вопрос (может и глупый конечно):
Я хочу сделать, чтобы была кнопочка :) (хорошее начало)
Короче что-бы был ролловер на картинках, а над ним просто текстовая ссылка (наводишь - подчёркивается). Вот. Я делаю слоем, но никак не могу совместить их (position:absolute - нельзя)
Помогите :)

(вот что я наделал, может что скажете)
<table width="202" height="37" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
<div id="button" style="position:relative; top:37px; left:0px; z-index:1; width:202px; height:37px; visibility: visible; overflow: auto;">
<table width="202" height="37" border="2" cellspacing="0" cellpadding="0">
<tr>
<td>НАЖАТЬ СУДА!</td>
</tr>
</table>
</div>
<a href="javascript:auto()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Avtoplay','','i/button_over.jpg',1)"><img src="i/button.gif" name="Avtoplay" width="202" height="37" border="0"></a></td>
</tr>
</table>

Видимо, что-то вроде этого может помочь:

но у меня button.gif показывается только тот кусок который конкретно под текст попадает, а как чтобы независимо от текста всегда вся картинка показывалась ?

сделал