I have a problem with overlaying te

[drkestrel]

I have a problem with overlaying text on top of images in IE6.0.

I have the following HTML which works

<table width=&quot;95%&quot; border=1>
<tr height=&quot;22&quot; width=&quot;510&quot;>
<td>asd asd asd asd asd asd asd asd asd<SPAN STYLE=&quot;position:relative; top:-1px; left:-50px&quot;>overlayed text

</SPAN></td>
</tr>
</table>


It displays overlayed text on top of &quot;asd...asd&quot;.

However, if I use an image instead of &quot;asd...asd&quot;

<table width=&quot;95%&quot; border=1>
<tr height=&quot;22&quot;>
<td>

<img src=&quot;../Images/small_grey_square.gif&quot; height=22 width=510><SPAN STYLE=&quot;position:relative; top:-10px; left:-500px&quot;>overlayed text </SPAN></td>
</tr>
</table>

where small_grey_square.gif is a 10 x 10 pixel image that is 'scretched' out to 510 x 22. Any text after the space in &quot;overlayed text&quot; is omitted.

How/Why is that and how could I solve it?