Relative position text in FF...

[celoftis]

I have two images acting as header and footer in a table, each in
their own table cell. I want to position some text over each image.
Here is what I have come up with - it works in IE but not in FF. In
FF, the text appears in its original location... can someone tell me
what is going on here?

<table style="font-size:14pt;text-align:left;" bgcolor="#FFFFFF"
border="0" cellspacing="0">
<tr><td colspan="3"><img src="Images/assetHeader.jpg" style="width:
802px" /><br /><asp:Label ID="lblHeader" runat="server" Text="THIS IS
MY HEADER TEXT" style="position:relative;top:-47%;left:7%;font-
style:italic;color:#FFFFFF;font-family:Tahoma;font-size:40pt;"></
asp:Label></td></tr>

<!-- OTHER TABLE ROWS HERE -->

<tr><td colspan="3"><asp:Label ID="lblFooter" runat="server" Text="MY
FOOTER" style="position:relative;top:52%;left:80%;color:#000000;font-
family:Tahoma;font-size:17pt;"></asp:Label><br /><img src="Images/
assetFooter.jpg" style="width:802px" /></td></tr>
</table>